欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Excel文档导出-后端返回文件流,前端实现下载功能

程序员文章站 2022-03-15 10:16:45
...

最近在做项目的时候遇到Excel导出功能,后端返回的是文件流,前端如何实现下载功能,以下是项目用的源码,有需要可直接复制使用:

 // 导出
    exporttable() {
      this.axios({
        method: "get",
        url: this.baseUrls + "api/pcadmin/hr/entry/export",
        responseType: "blob",
      })
        .then((response) => {
          const content = response.data;
          const blob = new Blob([content]);
          const time = this.timestampToTime(new Date().getTime() / 1000);
          const fileName = time + ".xlsx";
          if ("download" in document.createElement("a")) {
            // 非IE下载
            const elink = document.createElement("a");
            elink.download = fileName;
            elink.style.display = "none";
            elink.href = URL.createObjectURL(blob);
            document.body.appendChild(elink);
            elink.click();
            URL.revokeObjectURL(elink.href); // 释放URL 对象
            document.body.removeChild(elink);
          } else {
            // IE10+下载
            navigator.msSaveBlob(blob, fileName);
          }
          // eslint-disable-next-line handle-callback-err
        })
        .catch((error) => {});
    },
相关标签: JavaScript