zoukankan      html  css  js  c++  java
  • 利用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?

    图片上传