vue 图片压缩使用exif调整ios上旋转90度方向并上传

github地址

安装方式:

npm install exif-js --save

或游览器本地引入:

读取图像的元数据:

在最近的活动中,遇到了用户上传图片时图片方向偏转的问题。针对这个问题,通过google得到exif.js可以获取照片的元数据,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。EXIF 数据主要来自拍摄的照片,多用于移动端开发,PC 端也会用到,兼容性良好,兼容主流浏览器,IE10 以下不支持。

使用方法:

EXIF.getData(document.getElementById('imgElement'), function(){
  EXIF.getAllTags(this);
  EXIF.getTag(this, 'Orientation');
});

API:

名称    说明
EXIF.getData(img, callback)    获取图像的数据
EXIF.getTag(img, tag)    获取图像的某个数据
EXIF.getAllTags(img)    获取图像的全部数据,值以对象的方式返回
EXIF.pretty(img)    获取图像的全部数据,值以字符串的方式返回

vue 图片压缩使用exif调整ios上旋转90度方向并上传_第1张图片

HTML代码:

JavaScript代码:

 

你可能感兴趣的:(vue-study)