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

2024年5月13日 253次阅读 来源: 小柠檬爱编程

最近在做项目的时候遇到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) => { });
    },
    原文作者：小柠檬爱编程
    原文地址: https://blog.csdn.net/hong521520/article/details/106352349
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞