美文网首页我爱编程
解决ios手机竖拍上传图片旋转90°。使用lrz.js

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

作者: I_I_I | 来源:发表于2018-05-24 17:13 被阅读285次

    最近在做微信公众的项目,发现在苹果手机上竖着拍照,上传图片后图片方向会旋转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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/nmvsjftx.html