圖像onclick下載圖片javascript/jquery

Question

我想要保存圖像，當你點擊下面的例子中提供的相同。

http://www.thrombosisadviser.com/en/resources/image-library/index.php

點擊小圖片後彈出會出現一個下載按鈕，通過按下下載按鈕，圖像將被下載並準備好保存。

我只想在javascript/jquery中做同樣的事情。請幫忙&建議。

一如既往地感謝大家。

Answer 1

無法單獨下載並使用javascript保存圖像，您還需要使用服務器端腳本。從JavaScript你只能發起一個請求，它是產生預期結果的服務器端腳本。因此，爲了下載圖像，您可以使用javascript啓動ajax請求，並在服務器端腳本中設置了一個http標頭，如下所示，它將啓動瀏覽器上的下載對話框

Content-Disposition：attachment;文件名= 「image.jpg的」;

否則，您會將其作爲來自服務器的二進制響應。你又必須使用javascript將它作爲一個文件寫在客戶端機器上，這是不可能的，因爲通過JavaScript編寫文件是一種安全侵犯。

希望這有助於你

Answer 2

對於屏幕上的每個圖像，創建一個隱藏的div元素，該元素具有較大版本的圖像和下載按鈕。當單擊適當的圖像時，顯示正確的隱藏div對象。

工作演示：http://jsfiddle.net/K3Jkf/2/

這是最好的做AJAX這種類型的東西（一個獨立的PHP頁面），但正如你說你不喜歡這樣做。