使用jQuery / Javascript打開“保存圖像”對話框？

Question

當用戶點擊網頁上的圖像時，我想觸發瀏覽器的“保存圖像”對話框，並讓用戶將圖像保存在硬盤上。 是否有一種跨瀏覽器的方式來使用jQuery / Javascript？

Answer 1

不准確，但您可以通過超鏈接到img文件並在服務器響應中設置content-type和content-disposition標頭來實現。 嘗試，例如，application / x-download， 以及此處指定的其他標頭 。

Answer 2

我想到的唯一的事情是Internet Explorer的document.execCommand（“SaveAs”），你可以打開一個窗口或使用隱藏的iframe和你的圖像的url，然后調用它...

檢查（當然使用IE） 這個例子我已經完成了。

Answer 3

谷歌網上商店
Github上

如果這里的任何人仍然感興趣，我做了一個像這樣做的擴展。 它使用XMLHTTPRequest來獲取對象，在這種情況下，它被假定為一個圖像，然后為它創建一個ObjectURL，一個指向該ObjectUrl的鏈接，並點擊虛構的鏈接。

在您的情況下，您可以將ondragend更改為onclick並有選擇地將其添加到圖像。

Answer 4

當你點擊你的圖像時，你可以創建一個隱藏的文件輸入字段並觸發（）這個字段：

$('.yourImageClass').click(function(){
 $('.hiddenInputClass').trigger('click');
})

Answer 5

我不這么認為 - 很多基本的瀏覽器功能（例如：打印預覽）不適用於Javascript。