vuejs2.0压缩图片插件localResizeIMG

vuejs2.0压缩图片插件localResizeIMG

转载于：https://www.jianshu.com/p/238c87c5946d

1. 第一步

 执行命令： cnpm i lrz -S

2. 第二步

在main.js中引入： import lrz from 'lrz' 

3. 第三步

使用函数：  返回结果是一个promise对象。

lrz( file, {
    width : 300
     //quality: 0.8    //自定义使用压缩方式
 })  
   .then(function(rst) {
       //成功时执行
   }).catch(function(error) {
       //失败时执行
   }).always(function() {
       //不管成功或失败，都会执行
   })

*函数说明：
   1、file：得到的图片文件，或者直接传入图片路径，可以是base64。
   2、[ options ]： 这个参数可以省略，有如下图几个属性

	  属性             值类型                        属性说明
      width          number      图片最大的宽度。默认为原图的宽度
     height          number      图片最大的高度，默认为原图的高度
     quality          number     图片压缩质量，取值0-1，默认为0.7
   filedName          string        后端接收的字段名，默认为 'file'    

注意
if(resTwo.localData.indexOf(";base64,")==-1){
//兼容处理，安卓获取的图片base64码没有前缀，而苹果有,base64前缀并不固定
resTwo.localData = “data:image/jpeg;base64,” + resTwo.localData;//加上base64前缀
}
if(resTwo.localData.indexOf(“data:image/jgp;base64,”)!=-1){//兼容处理，若是苹果手机，将前缀中的jgp替换成jpeg
resTwo.localData=resTwo.localData.replace(“data:image/jgp;base64,”,“data:image/jpeg;base64,”);
}