vue图片文件太大无法上传

        makeStlBlob() {
            // 源文件
            let imgurl;
            if (this.isShapeIndex < 0) {
                imgurl = this.userUploadImages[this.userUploadImages.length + this.isShapeIndex];
            } else {
                imgurl = image2Base64(this.$refs['img-' + this.isShapeIndex][0]);
            }

            let data = {
                reverse: this.boxData.reverse,
                blur: this.boxData.blur,
                w: 60, // 长
                d: 2, // 厚
                base: 0.1, // 底的厚度
                // 图片
                image: imgurl
            };

            // javascrpts图片转换成json格式图片
            let result = JSON.stringify(data);
            console.log("result is", result);
            let blob = new Blob([result], { type: 'text/json' });
            return blob;
        },

图片转成json格式，上传会比较小，内存不会占用很大，所以不会卡

function image2Base64(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, img.width, img.height);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL;
}