Javascript 使用jQuery在单击按钮时下载图像

我的页面中有一个图像。我希望在单击按钮时下载图像。如何使用jQuery或Javascript实现这一点？请给我一把小提琴

下载图像

实际上，您可以使用HTML5的“下载”属性来实现这一点，如果旧浏览器存在问题，您应该使用服务器端，并设置适当的标题等

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

save.php将返回

“1 |下载编号|完整路径|文件名” 或者您可以使用jSON

$（'save#u wall'）。单击（函数（e）{
e、 预防默认值（）；
$.ajax({
类型：“POST”，
url:“save.php”，
数据：“id=”，
成功：功能（数据检查）{
var m=dataCheck.split（“|”）；
如果（m[0]=“1”）{
警报（“感谢您下载图片\n\n仅图片下载将开始…”）；
$（'#save_wall_count'）.html（m[1]）；
var a=document.createElement（'a'）；
a、 href=m[2]；
a、 下载=m[3]；
文件.正文.附件（a）；
a、 单击（）；
文件.body.removeChild（a）；
}
如果（m[0]=“0”）
警报（“错误：保存图片时出错或未找到…\n\n”+数据检查）；
}
});		
});

img.src是指向“全分辨率”图像的路径吗？基本上，他们看到的是他们想要下载的吗？很好，不知道这个属性。查看MDN时，会说“当用户单击链接时，会提示他们将其保存为本地文件”。有趣的是，在Chrome中，它只是下载了它，而没有提示我。@j08691-它是这样做的，我不知道为什么Chrome没有提示用户，但至少它下载了。它非常简洁，因为它使用起来非常简单，而不是服务器端的东西，在服务器端你必须在标题中设置内容、内容配置等。我得记住那个。谢谢。@adeneo不错的选择！op要求“单击按钮下载图像”，但您的回答仅提供了

区域

-标记的解决方案，而不是

按钮

-标记的解决方案

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