前端导出后端返回二进制流

导出Excel功能实现

最新推荐文章于 2024-11-21 16:10:46 发布

原创最新推荐文章于 2024-11-21 16:10:46 发布 · 333 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

该代码段定义了一个名为exportList的函数，用于将二进制流数据转换成Excel文件并下载。它创建一个Blob对象，设置文件类型为application/vnd.ms-excel，然后创建一个HTML锚元素模拟点击下载。文件名可以根据传入参数自定义，并在下载完成后从DOM中移除下载元素。

// 导出
export function exportList(res,name) {
    var blob = new Blob([res], { type: "application/vnd.ms-excel" }); // type这里表示xlsx类型
    var downloadElement = document.createElement("a");
    var href = window.URL.createObjectURL(blob); // 创建下载的链接
    downloadElement.href = href;
    downloadElement.download = name + ".xls"; // 下载后文件名
    document.body.appendChild(downloadElement);
    downloadElement.click(); // 点击下载
    document.body.removeChild(downloadElement); // 下载完成移除元素
}

引入这个组件

将获取到的数据传入exportList函数中。传递的两个数据分别是二进制流数据，与导出的文件名

例exportList(res,‘测试文件’)