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

前端之家收集整理的这篇文章主要介绍了HTML / Javascript在文件上传之前访问EXIF数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试从已经拖动到浏览器中的图像(jpeg)中提取EXIF数据,或者通过html文件输入元素选择了EXIF数据.

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

我发现一个EXIF library,它允许通过javascript提取图像的EXIF数据.但是对于我来说,只有当我使用正常的img标签(通过URL加载他们的内容)时才有效.

我还发现在StackOverflow上的this question,接受的答案说明这是不可能的.

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

有些想法应该如何从FileReader中得到的base64编码图像中提取EXIF数据?

解决方法

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

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

并完成了:)

猜你在找的HTML相关文章