利用exif.js解决ios手机上传竖拍照片旋转90度问题
HTML5+canvas进行移动端手机照片上传时,发现iOS手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。
因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。
利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/JavaScript/exif-js/
这里主要用到Orientation属性。
Orientation属性说明如下:
旋转角度 参数
0° 1
顺时针90° 6
逆时针90° 8
180° 3
下面就直接上代码了。
主要有Html5页面和一个js,示例功能包含了图片压缩和旋转。
自己写的是uploadImage.js。
html5测试页面如下:
[javascript] view plain copy print?