js压缩图片

Posted 2022-06-23 liubingboke

第一步：

        执行命令： 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‘