美文网首页vue
vuejs2.0压缩图片插件localResizeIMG

vuejs2.0压缩图片插件localResizeIMG

作者: 匆匆那年_海 | 来源:发表于2018-10-24 11:52 被阅读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" />  
    

    相关文章

      网友评论

        本文标题:vuejs2.0压缩图片插件localResizeIMG

        本文链接:https://www.haomeiwen.com/subject/wxvttqtx.html