前端Excel导出的好插件SheetJS

前言

由于最近要做一个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用数组传输会比对象传递节省字符。

结束语

SheetJS支持功能强大，有需要的可以自己找找有没有符合自己的功能，希望能帮助到大家。