前端导出xlsx表

星陈~

已于 2022-06-29 13:40:19 修改

阅读量371

点赞数 1

分类专栏：前端 js 文章标签：前端 typescript javascript

于 2022-06-17 15:06:10 首次发布

本文链接：https://blog.csdn.net/zsq199771/article/details/125333491

版权

前端同时被 2 个专栏收录

90 篇文章 0 订阅

订阅专栏

58 篇文章 0 订阅

订阅专栏

这段代码展示了如何从响应数据中创建一个Blob对象，然后利用a标签的download属性实现文件的下载。通过解析Content-Disposition头获取文件名，并确保在不同浏览器下兼容。最后，清理相关DOM元素并释放内存。

摘要由CSDN通过智能技术生成

 let params = {
       xxx//参数
 };

	//blob流
		let blob = new Blob([res.data], {
          type: res.data.type,
        });
     //节点
        let download = document.createElement("a");
        let href = window.URL.createObjectURL(blob);
        //约定好的文件名，并做名称处理
        let name = res.headers["content-disposition"].split(";")[1];
        name = name.split("=")[1];
        name = name.split(".")[0];
        //兼容火狐
        name = decodeURI(name+".xlsx");
        console.log(name);
        download.download = name;
        download.href = href;
        download.style.display = "none";
        document.body.append(download);
        download.click();
        //清除节点
        document.body.removeChild(download);
        window.URL.revokeObjectURL(href);