保存圖像數據時Javascript下載屬性不起作用UIr

Question

我正在使用chrome。

這是我的代碼。

var save = document.createElement('a'); 
save.href = fileURL; 
save.download = fileName; 
alert(save.download); 
save.click(); 

它工作正常，但不會更改圖像名稱。它保存爲「download.png」。

出了什麼問題？

Answer 1

這將有助於看到什麼fileURL和fileName設置爲，但我猜這是你的問題。在Firefox和Chrome中，您必須使用圖像的相對路徑。它不適用於遠程圖像。

MDN說：

在Firefox 20這個屬性只授予具有相同來源的資源鏈接。

我已經在Chrome和Firefox測試這一點，如果你使用相對路徑圖像它只：

save.href = "images/wonky-download-121938718712348891912.jpg"; 
save.download = "coolName.jpg"; 

我說ralative路徑，因爲使用mysite.com/image.jpg而image.jpg確實沒有工作。

更新

whatwg.org說：

在跨源的情況下，該下載屬性已被組合 與內容處置HTTP標頭，特別是與 附件處置類型，以避免用戶被警告可能存在惡意活動。