JavaScript 导出excel，接收后端文件流并下载

原创已于 2023-12-05 19:34:09 修改 · 587 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #excel #linux

于 2023-12-05 11:06:59 首次发布

文章讲述了如何在使用JavaScript时，通过封装接口请求并设置responseType为blob，获取到文件流后，将其转换为可下载的Excel文件的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//请求封装时设置 { responseType: "blob" }
zhcxFwfhDcExcel(data:wxzjlZhcxFwzmZhgk): Promise<any>{
	return this.patch.post(`${this.apiPrefix}/zhcx/exportExcel`, data ,{ responseType: "blob" })
}

// 通过接口拿到返回的文件流后
this.fwfhcxService.zhcxFwfhDcExcel(data).then(res => {
	// 下载类型xls
	let blob = new Blob([res],{ type:"application/vnd.ms-excel" });
	let url = window.URL.create0bjectURL(blob);
	const link = document.createElement("a"); // 创建a标签
	link.href =url;
	let date = new Date();
	date.setMinutes(date.getMinutes() - date.getTimezoneOffset()); // toJSON的时区补偿
	let time = date.toJSON().substr(0,19).replace(/[-T:]/g,'');
	link.download ="房屋分帐户账目"+ time + ".xls"; // 重命名文件
	link.click();
	URL.revokeObjectURL(url); // 释放内存
}