html2canvas生成上传图片

      this.LOADING.playLoading("生成中...");
      let formData = new FormData(),
        THIS = this;
      html2canvas(this.$refs.imageWrapper).then(canvas => {
        let dataURL = canvas.toDataURL("image/png");
        this.imgUrl = dataURL;
        canvas.toBlob(function(blob) {
          console.log(blob);
          var filename = new Date().getTime() + ".jpg";
          var file2 = new File([blob], filename, {
            type: "image/jpg"
          });
          formData.append("file", file2);
          baikeUploadImg(formData)
            .then(res => {
              THIS.LOADING.endLoading();
              console.log(res);
              if (res.code == 200) {
                THIS.dialogFormVisible = false;
                THIS.$message.success("生成图片成功~");
                THIS.$parent.eventCreateImage(res.data);
              } else {
                THIS.$message.error(res.messgae);
              }
            })
            .catch(err => {
              THIS.$message.error(err.messgae);
            });
        }, "image/jpeg");
      });```