微信小程序图片压缩

wx-image-compress

微信图片压缩 安装 npm

npm install wx-image-compress 使用 1、引入

import ImgCompress from '../../wx-image-compress/img-compress.js'; 2、初始化

this.imgCompress = new ImgCompress(this); 3、引入图片压缩组件

<!-- 在你的.wxml文件中引入图片压缩组件 --> <import src="../../wx-image-compress/img-compress.wxml"/> <template is="img-compress" data="{{ canWidth, canHeight }}"></template> 4、压缩

/* * imgPath:图片路径 * aspectRatio:图片宽高压缩比,0~1,默认0.5 * quality:图片质量,0~1,默认0.5 */ this.imgCompress.compress(imgPath , aspectRatio, quality) .then(res => { console.log('压缩成功',res); }).catch(e => {e console.log('压缩失败',e); })

Tips:

aspectRatioss表示图片压缩后的宽高 / 压缩前的宽高,quality表示图片的压缩质量,越小压的越狠。iOS系统,在宽高缩小,质量为1的情况下,压缩后的图片大小会减小,但是在Android中反而大小会变大。
在使用默认的aspectRatio:0.5 ,quality:0.5 情况下,能正常压缩,使大小变小。但是我们仍然不能精准的控制压缩后的大小。

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。