1

如何使用按钮标签实现以下目标：

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

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

4

5 回答 5

3

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

于 2013-09-15T00:51:10.587 回答
2

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

<a id="download" href="a.jpg" download="a.jpg">Download</a>
于 2013-09-15T01:07:11.623 回答
0 
<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;
于 2014-05-27T07:16:53.440 回答
0

现代浏览器的解决方案

有图片链接

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

带文字链接

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

浏览器支持

于 2013-09-15T01:01:54.080 回答
0

在某些情况下不起作用

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

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

我认为你应该
试试这个

于 2020-08-27T04:57:57.367 回答