CSV下载文件名

Question

我正在尝试从存储在变量中的json数据下载CSV文件。

问题是我无法设置下载文件的名称。

这是代码......

$('#downloadCSV').click(function () {
    var exportData = 'data:attachment/csv;charset=utf-8,';
    exportData += 'nodeid,value\n1,212\n';
    var newWindow = window.open(encodeURI(exportData));
    return false;
});

我已经尝试添加HTML5下载attr：

<a id="downloadCSV" download="data.csv" href="#">Download CSV</a>

我已经尝试过其他人提供的解决方案，目前的浏览器没有任何工作......

Answer 1

我发现FileSaver库是一个非常有用的跨浏览器解决方案，用于保存JavaScript中的文件。他们的文档提供了一个兼容性表，可以显示哪些浏览器支持文件名。

BTW download标记上的<a>属性是HTML5功能，如果您直接使用href链接到文件的网址，则该功能将适用。当您使用JavaScript捕获click事件，然后返回false时，这将不会执行任何操作。