利用exif.js解决ios手机上传竖拍照片旋转90度问题

HTML5+canvas进行移动端手机照片上传时，发现iOS手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题，安卓手机没这个问题。

因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的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页面如下：

1.   
2.   
3.   
4.       
5.       
6.     图片上传  
7.       
8.       
9.           
10.       
11.   
12.   
13.     
      
14.             上传图片:  
15.