是否可以将图像文件合并为一个 blob

is it possible to Combine image files in a blob

假设我有两张图片。 ('left.jpg','right.jpg')。 我想加载这两个文件,并使用 blob 在单个 img 标签中显示它们。 是否可以使用 'blob' 在单个 img 标签中将它们并排显示?

不,blob 与格式无关。他们不了解他们所代表的数据的底层文件格式(jpg、png 等),他们所知道的只是他们有一大块二进制数据,所以他们不知道如何正确组合文件,这是需要发生什么。

但是,您可以遵循的潜在流程是:

  1. 通过Image()加载图像
  2. drawImage()
  3. 将它们传送到 <canvas>
  4. 使用 toDataURL()
  5. <canvas> 上的图像数据创建数据 URI
  6. <img>src 设置为步骤 3 中的数据 URI