将2D javascript数组导出到Excel工作表

Question

我知道,这里有关于这个主题的数百个问题,但经过一天的搜索后我仍然找不到满意的答案:

我有一个2D javascript数组,我想将其作为Excel工作表下载.

这是我到目前为止的代码的小提琴:

https://jsfiddle.net/3an24jmw/7/

下载有效,但有几个问题,经过几天的努力我无法解决:

1. 所有项目最终都在Excel工作表的第一列中,因为Excel解释","将元素分隔为数据的一部分.如何以Excel理解的方式分离元素？
2. 文件名是一些神秘的代码.如何设置文件名？
3. 下载的文件有一个双.xls尾(.xls.xls).怎么能得到一个.xls结局？
4. Excel会在每次文件损坏或不安全时告诉我.我该如何防止这种情况？

任何这些问题的任何帮助将不胜感激.

exportToCsv = function() {
    var CsvString = "";
    Results.forEach(function(RowItem, RowIndex) {
        RowItem.forEach(function(ColItem, ColIndex) {
            CsvString += ColItem + ',';
        });

        CsvString += "\r\n";
    });

    window.open('data:application/vnd.ms-excel,' + encodeURIComponent(CsvString));
}

UPDATE

我刚刚发现一个偶然的机会,即1 2和4可以通过更换得到解决vnd.ms-excel用csv.

该文件将不再存在.xls,但可以通过Excel打开csv而不会出现问题,并且表现得像预期的那样.

只剩下问题是文件名!

更新2

经过2个完整的搜索和尝试工作日后,我找到了解决方案,我想在这里分享,以帮助任何有同样问题的人:

只需包含一个不可见<a>元素,该元素使用其download="somedata.csv"属性定义文件的有用名称.

这是我最后一个功能齐全的小提琴:

https://jsfiddle.net/3an24jmw/25/

Answer 1

经过2个完整的搜索和尝试工作日后,我找到了解决方案,我想在这里分享,以帮助任何有同样问题的人:

只需包含一个不可见的元素,它使用download ="somedata.csv"属性为文件提供一个有用的名称:

这是我最后一个功能齐全的小提琴:

https://jsfiddle.net/3an24jmw/25/

var Results = [
["Col1", "Col2", "Col3", "Col4"],
["Data", 50, 100, 500],
["Data", -100, 20, 100],
];

exportToCsv = function() {
  var CsvString = "";
  Results.forEach(function(RowItem, RowIndex) {
    RowItem.forEach(function(ColItem, ColIndex) {
      CsvString += ColItem + ',';
    });
    CsvString += "\r\n";
  });
  CsvString = "data:application/csv," + encodeURIComponent(CsvString);
  var x = document.createElement("A");
  x.setAttribute("href", CsvString );
  x.setAttribute("download","somedata.csv");
  document.body.appendChild(x);
  x.click();
}