如何将图像对象转换为二进制 blob

Question

是否可以解析 DOM 中的图像对象 (<img>)，就好像它已被上传并使用 FileReader 打开一样？我正在尝试使用jpegmeta.js 从 JPEG 中提取 EXIF 元数据，但它需要 FileReader 返回的二进制字符串。

也许可以使用 XHR 从其 URL 加载图像并使用 FileReader 对其进行解析。但是，如果每个图像都必须下载两次，这将产生大量开销。另一种选择可能是使用画布，但在转换时会丢失 exif 数据。

Answer 1

这个答案似乎总结了普遍的共识：Get image data in JavaScript?

因此，如果您需要 exif 数据，则需要使用 XHR 技术。希望浏览器会缓存图像，因此不会对性能造成太大影响。否则，画布技术应该可以完成这项工作。