截取某个div的图，以文件形式传给后端，并将后端返回的文件流下载为doc文件

<el-button type="default" @click="handleExport">导出</el-button>
<div id="chartsId" style="width:100px;height:100px;background:red;"></div>//这是一个echarts组件也可以，加上id即可

import html2canvas from "html2canvas";
// 导出
handleExport() {
  const divElement = document.getElementById("chartsId"); // 根据自己的情况修改ID
      html2canvas(divElement).then((canvas) => {
      this.convertToFile(canvas);
   });
},
convertToFile(canvas) {
   canvas.toBlob((blob) => {
       const formData = new FormData();
        formData.append("file", blob, ""); // 设置文件名及格式
        console.log("导出：", canvas);
        // 发送formData至后端处理
        axios({
          method: "post",
          url: process.env.VUE_APP_BASE_API + "/secure-api/nru/weekly/export", //此处为往后台发送请求的地址
          data: formData,
          headers: {
            "Content-Type": "multipart/form-data",
          },
          params: {
            ...this.query,
            sysCityCode: "370100000000",
            sysCountyCode: "",
          },
          responseType: "blob",//设置返回接受类型为blob
        })
          .then(async (res) => {
            const blob = new Blob([res.data]);
            const fileName = "导出文件.doc";
            if ("download" in document.createElement("a")) {
              // 非IE下载
              const dlink = document.createElement("a");
              dlink.download = fileName;
              dlink.style.display = "none";
              dlink.href = URL.createObjectURL(blob);
              document.body.appendChild(dlink);
              dlink.click();
              URL.revokeObjectURL(dlink.href); // 释放URL 对象
              document.body.removeChild(dlink);
            } else {
              // IE10+下载
              navigator.msSaveBlob(blob, fileName);
            }
          })
          .catch((error) => {
            console.error("无法上传图片：", error);
          });
      });
},