javascript js 生成csv文件并下载-CFANZ编程社区

javascript js 生成csv文件并下载

javascript js 生成csv文件并下载_csv

javascript js 生成csv文件并下载_下载_02

javascript js 生成csv文件并下载_生成_03

代码如下:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <button onclick="clickDown()">点我</button>
  <script type="text/javascript">
    function downLoadExcel (data, fileName) {
        //文件表头
        let str = `名称,时间,位置,来源,时间\n`;
        //增加\t为了不让表格显示科学计数法或者其他格式
        for(let i = 0 ; i < data.length ; i++ ){
            for(let item in data[i]){
                str+=`${data[i][item] + '\t'},`;     
            }
            str+='\n';
        }
        //encodeURIComponent处理中文编码乱码的问题
        let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
        //通过创建a标签实现
        let link = document.createElement("a");
        link.href = uri;
        //对下载的文件命名
        link.download = `${fileName || '表格数据'}.csv`;
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    }
    
    function clickDown () {
      let tableData = [{
            name: '你好啊',
            time: 130000000000,
            pre: '127.130',
            source: '淘宝',
            otherTime: 1571276232000
        }, {
            name: '2你好啊',
            time: 5130000000000,
            pre: '127.130',
            source: '淘宝',
            otherTime: 41571276232000
        }, {
            name: '3你好啊',
            time: 3130000000000,
            pre: '127.130',
            source: '淘宝',
            otherTime: 21571276232000
        }]
        // console.log(tableData)
        downLoadExcel(tableData, '测试数据')
    }
  </script>
</body>
</html>