0.5M图片压缩

src/common/UploadImg.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="img-wrap">
     <div class="box">
-      
+
       <ul class="upload-imgs">
         <li
           v-show="imgLen<6"
@@ -55,7 +55,7 @@ export default {
     this.$previewRefresh();//预览刷新
     /*if(isIos()){
       $('.upload').removeAttr("capture")
-    }else if(!isWX()){ 
+    }else if(!isWX()){
     // 微信端添加这个属性直接调拍照
     //安卓手机且非微信端添加相机属性，否则QQ浏览器打不开相机
       $('.upload').attr("capture","camera")
@@ -71,7 +71,7 @@ export default {
       const inp = this.$refs.inp;
       if(this.flag){
         inp.click();
-      } 
+      }
     },
     delImg(key) {
       let obj = this.imgs;
@@ -89,16 +89,16 @@ export default {
       let file = fileTag.files[0];
       const that = this;
       this.imgBase64(file, function (image, canvas) {
-        var maxSize = 4 * 1024; // 4M
+        var maxSize = 0.5 * 1024; // 0.5M
         var fileSize = file.size / 1024; //kb 图片大小
         var uploadSrc;
         var uploadFile;
-        if (fileSize > maxSize) { // 如果图片大小大于4m，进行压缩
-          uploadSrc = canvas.toDataURL(file.type, maxSize / fileSize);
+        if (fileSize > maxSize) { // 如果图片大小大于0.5M，进行压缩
+          uploadSrc = canvas.toDataURL(file.type, 0.1);
           uploadFile = that.dataURLtoFile(uploadSrc, file.name.split('.')[0]); // 转成file文件
           // uploadFile = that.convertBase64UrlToBlob(uploadSrc); // 转成blob
         } else {
-          uploadSrc = image.src; 
+          uploadSrc = image.src;
           uploadFile = file;
         }