不依赖后端 , 前端几行代码实现下载csv

最新推荐文章于 2023-11-06 09:54:48 发布

原创最新推荐文章于 2023-11-06 09:54:48 发布 · 426 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现的CSV文件导出方法，通过简单的函数调用即可将数据转换为CSV格式并下载到本地，适用于网页应用的数据导出场景。

function exportCsv(lines, filename) {
const uri = ‘data:text/csv;charset=UTF-8,%EF%BB%BF’ + encodeURIComponent(lines.join(’\n’));
const el_a = document.createElement(‘a’);
el_a.href = uri;
el_a.download = filename + ‘.csv’;
document.body.appendChild(el_a);
el_a.click();
document.body.removeChild(el_a);
}
var lines = [[‘表头1’, ‘表头2’, ‘表头3’], [1, 2, 3], [4, 5, 6]]
exportCsv(lines,‘wpp’)