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);

并完成了:)

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些