码迷,mamicode.com
首页 > Web开发 > 详细

js压缩图片

时间:2019-08-09 15:31:05      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:code   ISE   rom   高度   使用   文件   define   压缩   图片压缩   

第一步:

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

js压缩图片

标签:code   ISE   rom   高度   使用   文件   define   压缩   图片压缩   

原文地址:https://www.cnblogs.com/liubingboke/p/11327196.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!