对又是我,每天都有新的需求。
这次的需求是上传图片的时获取图片的宽高、设备、光圈等信息。
不用考虑服务端做,他们肯定是不做。
pc、android、ios 都支持了,现在就缺少 web 这边上传的图片了。
废话不对说,上测试地址:https://www.lilnong.top/static/html/exif.html
img = new Image(); img.src = URL.createObjectURL(file) img.onload = function(){ console.log(img.naturalWidth || img.width) }
URL.createObjectURL
可以把 input 选择的文件转换为一个 url。使用的库是 exif-js。
提供了 JavaScript 读取图像的原始数据的功能扩展,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。
EXIF.getData(file, function(){ console.log('getData', this); // 这里面可以看到值,想要什么直接获取即可。 console.log('getAllTags', EXIF.getAllTags(this)); });
正好前两天在看这方面的知识,也顺便贴一下。
图片Exif 信息中Orientation的理解和对此的处理