javascript - 使用jQuery点击按钮下载图片

Question

我的页面中有一张图片。我希望在单击按钮时下载图像。我如何使用 jQuery 或 Javascript 执行此操作？请给我一把 fiddle 。 FIDDLE

<div id="download">
    <img src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" id="image">
    <button id="dwnld"> Download image </button>
</div>

Answer 1

您实际上可以使用 HTML5 download 属性执行此操作，如果旧版浏览器有问题，您应该为此使用服务器端，并设置适当的 header 等。

<a href="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" download="smile.jpg">Download image</a>

FIDDLE