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

Question

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

我设法使用此处FileReader and FileReader.readAsDataURL 所述的方式在浏览器中预览图像.

我找到了一个EXIF库,它允许通过javascript提取图像的EXIF数据.但对我来说,只有当我将它用于img通过URL加载其内容的普通标签时,它才有效.

我还在StackOverflow上发现了这个问题,其中接受的答案表明它是不可能的.

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

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

Answer 1

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

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

并完成了:)