解决ios手机竖拍上传图片旋转90°。使用lrz.js
2018-05-24 本文已影响285人
I_I_I
最近在做微信公众的项目，发现在苹果手机上竖着拍照，上传图片后图片方向会旋转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 () {
// 不管是成功失败，都会执行
});
