使用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隔開，調用 函數導出就行。