Firefox 中 CSV 文件的数据 URI 未放置 .csv 扩展名

Question

我在我的 javascript 文件中定义了一个“下载文件”href：

    $("#downloadTag").html("<a href=data:text/csv;charset=utf-8," + encodeURIComponent(data) + ">Download</a>");

在 chrome 中，它按预期工作，即当我单击此下载链接时，它给出的文件名是“download.csv”。但是，在 Firefox 中，它会添加一些乱码，例如“puzdb.part”。

谁能指出我做错了什么？

谢谢

编辑： 这是 jsfiddle 演示：http://jsfiddle.net/kLJz9/

编辑#2： 我注意到在 Windows 上它也没有为 chrome 放置 .csv 扩展名，并且 firefox 的行为仍然相同（即 .part 扩展名）

Answer 1

对于 Chrome，您可以通过向锚标记添加下载属性来指定文件名/扩展名。

<a href="URI" download="MyFile.csv">Download</a>

此属性仅适用于 chrome v 14+，不适用于其他浏览器。

我也在寻找这个问题的解决方案，但我希望这会有所帮助。

编辑：

下载属性应该可以解决您在 Windows 机器和 chrome 上遇到的问题。