Onclick 下载按钮到移动设备的图像答案

【问题标题】：Onclick download button to an image for mobile devicesOnclick 下载按钮到移动设备的图像
【发布时间】：2017-01-11 09:08:27
【问题描述】：

我需要将下载按钮添加到作为移动网站的网站中的图像。我查看了其他相关问题，所有这些问题都是针对 PC 浏览器的。我需要一个支持移动浏览器的答案。

我用HTML <a> download Attribute

但它在移动浏览器中不受支持。

【问题讨论】：

onClick not working on mobile (touch)的可能重复

标签： javascript jquery html mobile

【解决方案1】：

你可以用这个

<a href="/path/to/image" download="myimage"><img src="/path/to/image" /></a>

【讨论】：

我试过这个，因为我在我的问题中告知。我需要一个支持移动浏览器的代码。您的代码在计算机浏览器中运行。

【解决方案2】：

如果 Html 失败，您可以使用 Jquery.....Html 代码

 <div id="imageDiv"><img src="ImageLink" style="margin-top: 0px;"></div>
 <a href="#" onclick="Download_Image(this)" download>Click here to download image</a>

jquery

<script>
   function Download_Image(element)
   {
     debugger;
     var mydiv =$("#imageDiv");
     var Image=mydiv[0].children;
     mydiv.download=Image[0].src;
   }
</script>

【讨论】：

我正在使用一系列图像，我需要一个可以添加到循环中的解决方案。
您可以通过将相同的类添加到您的 Div 来做到这一点