Question

如何使用按钮标记实现以下功能：

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

P.S：当你点击按钮时，它应该下载a.jpg文件而不是在浏览器中打开它。

Answer 1

您希望后端有Content-Disposition: attachment;。你需要一个分发图像的脚本来强制下载。

Answer 2

您可以添加属性download，这是HTML5和is supported by 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>

Browser Support

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>

因为，服务器不希望任何人正常下载内容的方法。所以我们需要强制下载方法。

我认为你应该
Try this

点击按钮下载图像

5 个答案: