解决ios手机竖拍上传图片旋转90°。使用lrz.js

最近在做微信公众的项目,发现在苹果手机上竖着拍照,上传图片后图片方向会旋转90°,横着拍照方向正常。最后使用lrz.js解决问题。并且lrz.js也可以解决图片压缩问题,使用也非常简单。代码如下:

1.引入js

2.js代码

document.querySelector('#fileElem').addEventListener('change', function () {

        lrz(this.files[0]).then(function (rst) {

             console.log(rst.base64); //图片格式为base64;

        })  .catch(function (err) {

            // 处理失败会执行

        }).always(function () {

            // 不管是成功失败,都会执行

        });

})

如果图片不是来自用户上传的,那么也可以直接传入图片路径:

        lrz('./xxx/xx/x.png').then(function(rst){

            // 处理成功会执行 

        }).catch(function (err) {

            // 处理失败会执行

        }).always(function () {

            // 不管是成功失败,都会执行

        });

参考地址:http://www.cnblogs.com/52fhy/p/5355601.html

你可能感兴趣的:(解决ios手机竖拍上传图片旋转90°。使用lrz.js)