使用 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

這顯然是瀏覽器錯誤列表和W3C 郵件列表中討論的主題。 我找不到任何證據表明任何瀏覽器都支持“data:”URL 中的文件名參數的想法，盡管很明顯該規范支持一般的參數想法。

另請參閱這個較舊的 SO 問題，它與此問題基本相同。