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

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

1.引入js

<script src="dist/lrz.all.bundle.js" type="text/javascript" charset="utf-8"></script>

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容