javascript - 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 上遇到的问题。