前端如何利用JavaScript导出excel文件

 前端开发过程中常见的需求有:需要根据后台接口导出一份excel表格,可以利用以下做法实现。

let postObj = {a:'1'} // 请求提交的对象
axios({
          // 用axios发送post请求
          method: "post",
          url: "/test/getExcel", // 请求地址
          data: postObj, // 参数
          responseType: "blob" // 表明返回服务器返回的数据类型
        }).then(res => {
          // 处理返回的文件流(
          const content = res.data;
          const blob = new Blob([content]);
          const fileName = "excelName.xsl"; // 下载文件名称,可自定义
          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);
          }
        }).catch(err => console.log(err))

 

你可能感兴趣的:(JavaScript,JavaScript,前端导出excel,导出表格,前端)