uniapp分享微信缩略图压缩

最新推荐文章于 2022-06-07 15:13:15 发布

I LEFT YOU LAST

最新推荐文章于 2022-06-07 15:13:15 发布

阅读量1.3k

点赞数

文章标签：微信 javascript 前端

本文链接：https://blog.csdn.net/qq_44654703/article/details/122168007

版权

针对uniapp中app内部页面分享到微信时缩略图无法显示的问题，提出使用plus.zip.compressImage方法进行图片压缩，确保图片能在微信中正确显示。此方法适用于多种图片格式，如jpg/jpeg、png等。

摘要由CSDN通过智能技术生成

问题: app内部页面分享到微信缩略图无法显示

解决: 在分享前进行一次图片压缩, 压缩到可以显示范围内
使用plus.zip.compressImage进行压缩(支持压缩图片种类比较多,Android支持jpg/jpeg、png等格式,IOS支持jpg/jpeg、png、tif/tiff、bmp、ico、cur、xbm等格式)

uni.downloadFile({
    url:shareImgUrl, //图片地址
    success: (res) => {
        console.log('下载成功',res)
        let name=res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/')+1); //截取文件名
        plus.zip.compressImage({
            src: res.tempFilePath, //下载完图片的临时路径
            dst: '_doc/photoData/'+name, //存储压缩完图片的临时路径
            overwrite: true, //再次压缩会覆盖掉上次的目录
            width:'100px', //缩放图片的宽度
            height:'100px', //缩放图片的高度
            quality:10    //压缩图片质量,值越低,图片占内存越低                
        },
        function(event){ //压缩成功
            console.log('successCB',event)//压缩完成后的图片信息
            that.sharedata={
                href: '分享路径',
                title