這兩天在做移動端上傳頭像功能，想對大于400kb的圖片進行壓縮再上傳，壓縮大于400kb的圖片一直沒成功，也沒有報什么錯誤，后來我重新看了自己的代碼，發(fā)現(xiàn)是因為當圖片大小大于400kb的時候，壓縮圖片函數(shù)傳入的base64Img參數(shù)我寫錯了，真的是太粗心，現(xiàn)在將正確的代碼附上：uploadImg() {      let vm = this;      console.log(vm.temp);      var img = document.getElementById("phoneImage"),        maxSize = 400 * 1024; //400kb      var imgFile = new FileReader();      imgFile.readAsDataURL(img.files[0]);      imgFile.onload = function() {        vm.temp.base64Img = imgFile.result;        if (vm.temp.base64Img.length < maxSize) {          //圖片直接上傳          alert("<=100kb;size=" + vm.temp.base64Img.length);          uploadImage(vm.temp).then(response => {            const data = response.data;            vm.temp = data.data;            setTimeout(() => {              vm.$router.push({                path: "/setting"              });              window.location.reload();            }, 5);          });        } else {          //  >400kb,壓縮再上傳                    vm.compress(vm.temp.base64Img, function(base64Img) {            uploadImage({ base64Img }).then(response => {              const data = response.data;              setTimeout(() => {                vm.$router.push({                  path: "/setting"                });                window.location.reload();              }, 5);            });          });        }      };    },    compress(base64Img, callback) {      var img = new Image();      img.src = base64Img;      img.onload = function() {        var width = img.width;        var height = img.height;        var canvas = document.createElement("canvas");        canvas.width = width;        canvas.height = height;        canvas.getContext("2d").drawImage(img, 0, 0, width, height);        callback(canvas.toDataURL("image/jpeg", 0.05));      };    }