是否可以将图像文件合并到Blob中

Question

假设我有两个图片。 （“ left.jpg”，“ right.jpg”）。 我想加载两个文件，并使用blob在单个img标签中显示它们。 是否可以使用'blob'在单个img标签中将它们彼此相邻显示？

Answer 1

否，blob与格式无关。他们不了解所代表数据的基础文件格式（jpg，png等），他们所知道的只是它们有很大一部分二进制数据，因此他们不知道如何正确组合文件，即将会发生什么。

但是，您可能会遵循的潜在流程是：

1. 通过Image()
加载图像
2. 用drawImage()将它们分成<canvas>
3. 使用toDataURL()从<canvas>的图像数据中获取数据URI
4. 将src中的<img>设置为第3步中的数据URI