html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能

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页面：

[html] viewplain copy

print?

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