html5的导出表格功能

最新推荐文章于 2022-03-21 20:51:29 发布

weixin_30244681

最新推荐文章于 2022-03-21 20:51:29 发布

阅读量276

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/weblv/p/7515143.html

最近遇到一个需要导出表格的需求，研究了一下nodeJs的excel模块及好多其他的插件，发现还是蛮复杂的，由于项目对于表格的要求不高，因此同事推荐了一种h5的表格导出生成方法，比较简单，在此记录一下

先上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a id="test" onclick="clickDownload(this)" download="downlaod.csv" href="#">download</a>
</body>
</html>
<script>
  function clickDownload(aLink)
  {
    var str = "栏位1,栏位2,栏位3\n值1,值2,值3";
    str =  encodeURIComponent(str);
    aLink.href = "data:text/csv;charset=utf-8,\ufeff"+str;
    // aLink.click();
  }
</script>