使用document.location.href保存客户端数据时，如何向浏览器建议文件名？

Question

我正在尝试将HTML5画布导出为PNG文件，以便将其存储在用户的计算机上。

以下代码段正确保存图像。

document.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

但是在Mac OS X上使用Chrome时，它始终保存为“下载”。在Safari中，它被称为“未知”。 Firefox给它一个gobbledygook名称。

我可以向浏览器建议使用的名称，例如“exportedImage.png”？

Answer 1

这显然是浏览器错误列表和a W3C mailing list中讨论的主题。我找不到任何证据表明任何浏览器都支持“data：”URL中的文件名参数的概念，尽管很明显该规范通常支持参数的概念。

另见this older SO question, which is essentially the same as this one.