风残落叶
风残落叶
  • 发布:2020-07-02 15:45
  • 更新:2021-12-27 10:54
  • 阅读:6191

uni-app选择的图片旋转,有人解决吗

分类:uni-app

本来在手机端显示的是旋转的,然后H5端是正常的。然后我通过网上的方法, APP端解决旋转问题了,但是在H5端却也反过来了,头疼啊

网上的方法如下,APP端正常了,H5端却反了,没用之前是H5正常,APP反的,头疼,官方就不能解决下这个BUG?从15年到现在,没人解决

//app端图片翻转  
function app_img_rotate(file){  
    return new Promise((resolve, reject)=>{  
        uni.getFileInfo({  
            filePath:file,  
            success: (da)=> {  
                // console.log(da);  
                let rotate = 0;  
                let quality;  
                if(300000<da.size<400000){  
                    quality=50;   
                }else if(400000<=da.size<=500000){  
                    quality=40;   
                }else if(500000<da.size){  
                    quality=30;   
                }  
                uni.getImageInfo({  
                    src: file,  
                    success:  (image)=> {  
                        const orientation = image.orientation;  
                        switch (orientation) {  
                            case 'up': //exif:1 不旋转  
                                rotate = 0;  
                                break;  
                            case 'down': //exif:3 旋转180度  
                                rotate = 180;  
                                break;  
                            case 'right': //exif:6 旋转90度  
                                rotate = 90;  
                                break;  
                            case 'left': //exif:8 旋转270度  
                                rotate = 270;  
                                break;  
                            default:  
                                rotate = 0;  
                                break;  
                        }  
                        if(rotate==0){  
                            resolve(file);  
                        }else{  
                            plus.zip.compressImage({  
                                src: file,  
                                dst: "_doc/uniapp_temp" + '/compressed/' + Math.round(new Date()) + '.jpg',  
                                // format: 'jpg',  
                                quality: quality,  
                                width: 'auto',  
                                height: 'auto',  
                                rotate: rotate,  
                            },  
                            function(event) {  
                                resolve(event.target);  
                            },  
                            function(error) {  
                                reject(error);  
                                // console.log(error);  
                            });  
                        }  
                    }  
                });  
            }  
        })  
    });  
}

手机端

H5端

2020-07-02 15:45 负责人:无 分享
已邀请:
风残落叶

风残落叶 (作者)

up顶一下

DCloud_uniCloud_WYQ

DCloud_uniCloud_WYQ

h5上可以通过exif.js判断方向进行旋转,这个库比较大没有内置

  • 风残落叶 (作者)

    难道我显示还要再转下?太麻烦了

    2020-07-02 19:41

  • 风残落叶 (作者)

    我现在的情况是app正常的话H5不正常,H5正常的话app不正常,如果在每一端显示的时候旋转,会导致图片加载过于缓慢,这个不应该你们官方解决这个api的bug?

    2020-07-03 14:34

风残落叶

风残落叶 (作者)

????

  • 小杨爱学习

    大哥,问题解决了吗,可以教教我吗

    2020-09-21 11:35

前端开发者福建
1***@qq.com

1***@qq.com - 开发者

同样 的问题,app旋转的图片会旋转,视频也会旋转。有没有解决的

全栈工程师

全栈工程师 - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

选择图片后,获取图片信息,需要图片旋转的化,则旋转后显示即可

1***@163.com

1***@163.com

这个问题官方还没有处理?

该问题目前已经被锁定, 无法添加新回复