使用js导出一些简单数据到csv

js 导出简单数据到csv

就是简单记录一下, 大佬勿喷

这里主要使用的是Blob对象。

实现方式

  1. 构建Blob对象 (Blob 介绍1 | 介绍2)
  2. 创建a标签, 为a 标签提供Blob对象的Url
  3. 设置一些属性
  4. 模拟点击 并 移除此标签

具体实现方式如下:

var ExportUtil = {
        export_csv: function (data, file_name) {
            var blob = new Blob([data]);
            if (window.navigator.msSaveOrOpenBlob) {
                window.navigator.msSaveBlob(blob, file_name);
            } else {
                var a = window.document.createElement("a");
                a.href = window.URL.createObjectURL(blob, {
                    type: "text/plain"
                });
                a.download = file_name;
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        }
}

注意: 里面的data 可以是普通文本, 也可以是逗号分隔 \n换行的csv文本

表格数据导出为csv

遍历表格,同行数据逗号隔开,各行数据\n隔开,调用 函数导出就行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章