vue

vuejs2.0压缩图片插件localResizeIMG

2018-10-24  本文已影响391人  匆匆那年_海

第一步:

        执行命令: 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" />  
上一篇下一篇

猜你喜欢

热点阅读