前端Excel导出的好插件SheetJS_sheetjs官网-CSDN博客

本文链接：https://blog.csdn.net/xyf_1995/article/details/109054032

博客讲述了如何利用SheetJS库在前端将JSON数据转换并导出为Excel文件，避免了后端生成文件的压力和Ajax传输的效率问题。作者详细介绍了选择SheetJS的原因，提供了相关插件的官网链接，并给出了具体的导出代码示例。

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

前言

由于最近要做一个Excel上传根据条件转化，然后重新导出的功能。

第一方案，想在后端生成传出给前端，由于交互采用ajax，直接传输文件速度慢，还会增加服务器负载。

因此采用第二方案，传递json到前端，然后前端在转换成Excel导出。

1.查找插件

市面上有Html转Excel的插件，导出文件会比较大，底层还是html。

json导出CSV

由于我们导出需要xls格式,所以上述插件都不行。最终找到了SheetJS

2.插件网址

SheetJS官网 https://sheetjs.com/demo

github https://github.com/SheetJS/sheetjs

3.插件官方demo

地址 https://sheetjs.com/demo

官网中有多种的操作，由于我只需要导出Excel，所有查看Export Spreadsheets demo就行

它里面有多种格式导出，正好符合我的需求，查看源码提取代码。

4.导出代码

/**
 * 数组导出execel
 * filename 文件名
 * data [],header也包括在data中
 */
function dropArrayExcel(filename,data){
	let ws_name = "Sheet1";
	let wb = XLSX.utils.book_new();
	let ws = XLSX.utils.aoa_to_sheet(data);
	XLSX.utils.book_append_sheet(wb, ws, ws_name)
	XLSX.writeFile(wb, filename);
}
dropArrayExcel(data.data['filename'],data.data['tableData']);

我采用的是数据转化成Excel,应该通过ajax用数组传输会比对象传递节省字符。