最近在做微信公众的项目,发现在苹果手机上竖着拍照,上传图片后图片方向会旋转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 () {
// 不管是成功失败,都会执行
});