使用jQuery点击按钮下载图像

Question

我的页面中有一张图片.我希望在单击按钮时下载图像.我怎么能用jQuery或Javascript做到这一点？请给我一个小提琴.小提琴

<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属性执行此操作,如果旧版浏览器存在问题,则应使用服务器端,并设置相应的标头等.

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

小提琴