第一步:
执行命令: cnpm i lrz -S
第二步:
在main.js中引入: import lrz from 'lrz'
第三步:
使用函数: 返回结果是一个promise对象。
lrz( file, {
width : 300
//quality: 0.8 //自定义使用压缩方式
})
.then(function(rst) {
//成功时执行
}).catch(function(error) {
//失败时执行
}).always(function() {
//不管成功或失败,都会执行
})
*函数说明:
1、file:得到的图片文件,或者直接传入图片路径。
2、[ options ]: 这个参数可以省略,有如下图几个属性
属性 值类型 属性说明
width number 图片最大的宽度。默认为原图的宽度
height number 图片最大的高度,默认为原图的高度
quality number 图片压缩质量,取值0-1,默认为0.7
filedName string 后端接收的字段名,默认为 'file'
扩展---调取相册,不限制图片格式,加上属性capture="camera" 调取相机
<input type="file" accept="image/*" @change-"compressImg" />
网友评论