javascript - HTML/Javascript 在文件上传前访问 EXIF 数据

Question

我正在尝试从已被拖入浏览器或已通过 html 文件输入元素选择的图像 (jpeg) 中提取 EXIF 数据。

我设法使用 FileReader 和 FileReader.readAsDataURL 在浏览器中预览图像如所述here .

然后我找到了一个 EXIF library它允许通过 javascript 提取图像的 EXIF 数据。但对我来说，它只有在我将它与通过 URL 加载其内容的普通 img 标签一起使用时才有效。

我还找到了this question在 StackOverflow 上，接受的答案表明这是不可能的。

但我很确定它可以实现，因为500px.com在添加要上传的文件后和上传完成之前立即提取 EXIF 数据。

关于如何从我从 FileReader 获得的 base64 编码图像中提取 EXIF 数据的一些想法？

Answer 1

我终于找到了解决问题的客户端:

1. 使用 FileReader 和方法 .readAsBinaryString 读取文件>
2. 然后将该二进制字符串包装到 BinaryFile 对象中，该对象已包含在 EXIF Library 中
3. 最后调用 EXIF.readFromBinaryFile(binaryFileObject);

完成:)