当使用 document.location.href 保存客户端数据时，如何向浏览器建议文件名？
我正在尝试将 HTML5 画布导出为 PNG 文件，以便将其存储在用户的计算机上。
以下代码片段正确保存图像。
document.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
然而，在 Mac OS X 上使用 Chrome 时，它总是保存为“下载”。在 Safari 中，它被称为“未知”。 Firefox 给它起了一个官样化的名字。
我可以向浏览器建议一个要使用的名称，例如“exportedImage.png”吗？
I'm trying to export an HTML5 canvas as a PNG file, so that it is stored on the user's computer.
The following snippet saves the image correctly.
document.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
However using Chrome on Mac OS X, it always is saved as "download". In Safari it is called "Unknown". Firefox gives it a gobbledygook name.
Can I suggest to the browser a name to use, such as "exportedImage.png"?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这显然是浏览器错误列表和 W3C 邮件列表中讨论的主题。我找不到任何证据表明任何浏览器都支持“data:”URL 中的文件名参数的想法，尽管很明显该规范总体上支持参数的想法。
另请参阅 这个较旧的问题，本质上与此相同。
This is apparently a topic of discussion in browser bug lists and a W3C mailing list. I can't find any evidence that any browser supports the idea of a filename parameter in a "data:" URL, though it is clear that the spec supports the idea of parameters in general.
Also see this older SO question, which is essentially the same as this one.