移动端H5实现点击按钮下载图片

在移动端H5页面中，通过JavaScript可以实现点击按钮下载图片的功能。以下是基本的步骤：

1. 创建HTML元素：首先，在HTML中创建一个按钮元素和一个隐藏的`<a>`标签，`<a>`标签用于实际的下载操作。

<button id="downloadButton">下载图片</button>
<img id="image" src="your-image-url" style="display:none;">
<a id="hiddenLink" download href="#" style="display:none;"></a>

2. JavaScript处理：在JavaScript文件中，添加事件监听器来控制下载行为。

document.getElementById('downloadButton').addEventListener('click', function() {
  var img = document.getElementById('image');
  // 获取图片URL
  var imageUrl = img.src;
  
  // 将图片URL赋值给隐藏链接
  var hiddenLink = document.getElementById('hiddenLink');
  hiddenLink.href = imageUrl;

  // 隐藏图像元素，模拟点击链接的行为
  hiddenLink.click();
});

当用户点击“下载”按钮时，实际上触发的是隐藏的`<a>`标签的`click()`方法，这将导致浏览器尝试下载图片。