單擊按鈕下載圖像

Question

我如何使用按鈕標簽實現以下目標：

<a id="download" href="a.jpg" download="a.jpg">Download</a>

PS：當你點擊按鈕時，它應該下載 a.jpg 文件而不是在瀏覽器中打開它。

Answer 1

你想要Content-Disposition: attachment; 在后端。 您需要一個腳本來分發圖像以強制下載。

Answer 2

您可以添加屬性download ，這是 HTML5 的新特性，Firefox 和 Chrome支持，但 IE 或 Opera 尚不支持：

<a id="download" href="a.jpg" download="a.jpg">Download</a>

Answer 3

現代瀏覽器的解決方案

附圖片鏈接

<a href="a.jpg" download="imageName"><img src="images/a.jpg" alt="Image"/></a>

有文字鏈接

<a href="a.jpg" download="imageName">Download Image</a>

瀏覽器支持

Answer 4

<a   href="test.png"  download  ><input type="button" id="btn1"     onclick="saveAsImg(document.getElementById('chart_div'));" title="Download Png"  /></a>

find parent of id="btn1"  
like  $("#btn1").parent().get(0).href=$("img1").src;

Answer 5

在某些情況下不起作用

<a id="download" href="a.jpg" download="a.jpg">Download</a> 

因為，服務器不想讓任何人正常下載內容。 所以我們需要強制下載方法。

我覺得你應該
試試這個