使用 Javascript 导出为 CSV

Question

我有两个功能

1. 导出 HTML 表格
2. 下载 CSV 文件

不幸的是，我的文件下载为“未定义”，没有 .csv 文件类型。

格式似乎很好，因为文件可以用任何文本编辑器打开，并且可以看到所有表格数据都以逗号作为分隔符。 这使 Excel 可以轻松接收文件并分隔每一列和每一行。

但我需要使用 .csv 文件扩展名下载文件。

这是我的两个功能：

 function exportTableToCSV(html, filename) { var csv = []; var rows = document.querySelectorAll("table tr"); for(var i = 0; i < rows.length; i++){ var row = [], cols = rows[i].querySelectorAll("td, th"); for(var j = 0; j < cols.length; j++){ row.push(cols[j].innerText); } csv.push(row.join(",")); } // download csv file downloadCSV(csv.join("\\n"), filename); } function downloadCSV(csv, filename) { var csvFile; var downloadLink; csvFile = new Blob([csv], {type:"text/csv"}); downloadLink = document.createElement("a"); downloadLink.download = filename; downloadLink.href = window.URL.createObjectURL(csvFile); downloadLink.style.display = "none"; document.body.appendChild(downloadLink); downloadLink.click(); } exportTableToCSV('', 'test.csv');

我相信问题在于“功能下载CSV”。 非常感谢任何帮助或指向一些当前工作示例的链接。

Answer 1

您是否将文件名传递给 exportTableToCSV，例如：

exportTableToCSV(null,'test.csv')

见https://jsfiddle.net/mdearman/d1zpndcu/

在一些快速测试中，它适用于 Chrome，但不适用于 IE（就其价值而言）。