Javascript jquery或html下载图像onclick或带有链接

我有一个图像，我想让用户点击可以下载（保存它）

当前单击时，下载框会弹出image.jpg标记并允许用户保存

我正在使用HTML：

<a href="folio/1.jpg" download><img src="folio/1.jpg"/></a>

要下载图像而不必键入两次，请执行以下操作：

<a href="" download><img src="folio/1.jpg"/></a>

我正试图简化编码，使其易于点击图像进行编辑 下载它，而不必右击保存它

---

感谢您的帮助。

这将适用于页面上作为锚的直接子级的每个图像，但您可以使用：

$('a > img').each(function(){
  var $this = $(this);
  $this.parent('a').attr('href', $this.attr('src'));
});

但它可以完成任务

但唯一的问题是，禁用JS的用户将看到一个带有空href的锚。通过简化代码（更干净的HTML）和添加优雅的降级，以下内容将实现相同的最终结果：

<img src="folio/1.jpg" class="downloadable" />

及

$（'img.downloadable'）。每个（函数（）{
var$this=$（this）；
$this.wrap（“
谢谢！class=downloadable是我所需要的。非常感谢它。另外，谢谢你的JSFIDLE，我认为当它被添加到答案中时，它是非常棒的！
<img src="folio/1.jpg" class="downloadable" />

$('img.downloadable').each(function(){
  var $this = $(this);
  $this.wrap('<a href="' + $this.attr('src') + '" download />')
});