csv.js导出csv

最新推荐文章于 2024-05-23 11:29:23 发布

wang725

最新推荐文章于 2024-05-23 11:29:23 发布

阅读量3.7k

点赞数 7

文章标签： csv 导出

本文链接：https://blog.csdn.net/wang725/article/details/50464874

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

CSV.js 是一个简单，超快的用于 CSV 解析和编码的 JavaScript 工具库，兼容浏览器，AMD 和 NodeJS 环境。
用CSV.js纯文本的形式存储表格化数据（数字和文本），然后做导出csv

csv.js下载地址：https://github.com/knrz/CSV.js

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src='csv.js'></script>
</head>
<body>
	<a download="somedata.csv" href="data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333">Example</a>
	<a οnclick="exportCSV(this)" download="downlaod.csv" href="#">download</a>
</body>

<script type="text/javascript">
function exportCSV(aLink){
    // 这里可以将后台返回的数据放入csvData，然后将其导出到csv保存
    var csvData = [];
    for(var i=0;i<10;i++){
        csvData.push(
            [i,i,i,i]
        );
    }
    var str = new CSV(csvData, { header: ["id", "名称", "部门", "职位"] }).encode();
    str =  encodeURIComponent(str);
    aLink.href = "data:text/csv;charset=utf-8,\ufeff"+str;
}
</script>

火狐上可以弹出下载提示框，谷歌貌似没有

点击打开链接下载

wang725

关注

7
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
csv.js导出csv

CSV.js 是一个简单，超快的用于 CSV 解析和编码的 JavaScript 工具库，兼容浏览器，AMD 和 NodeJS 环境。用CSV.js纯文本的形式存储表格化数据（数字和文本），然后做导出csvcsv.js下载地址：https://github.com/knrz/CSV.js Example downloadfunction export
复制链接

扫一扫