是否可以将图像文件合并为一个 blob
is it possible to Combine image files in a blob
假设我有两张图片。 ('left.jpg','right.jpg')。
我想加载这两个文件,并使用 blob 在单个 img 标签中显示它们。
是否可以使用 'blob' 在单个 img 标签中将它们并排显示?
不,blob 与格式无关。他们不了解他们所代表的数据的底层文件格式(jpg、png 等),他们所知道的只是他们有一大块二进制数据,所以他们不知道如何正确组合文件,这是需要发生什么。
但是,您可以遵循的潜在流程是:
- 通过
Image()
加载图像
- 用
drawImage()
将它们传送到 <canvas>
- 使用
toDataURL()
从 <canvas>
上的图像数据创建数据 URI
- 将
<img>
的 src
设置为步骤 3 中的数据 URI
假设我有两张图片。 ('left.jpg','right.jpg')。 我想加载这两个文件,并使用 blob 在单个 img 标签中显示它们。 是否可以使用 'blob' 在单个 img 标签中将它们并排显示?
不,blob 与格式无关。他们不了解他们所代表的数据的底层文件格式(jpg、png 等),他们所知道的只是他们有一大块二进制数据,所以他们不知道如何正确组合文件,这是需要发生什么。
但是,您可以遵循的潜在流程是:
- 通过
Image()
加载图像 - 用
drawImage()
将它们传送到 - 使用
toDataURL()
从 - 将
<img>
的src
设置为步骤 3 中的数据 URI
<canvas>
<canvas>
上的图像数据创建数据 URI