h5长按保存图片到手机

你可以通过在<img>标签上设置onlongpress事件，然后在事件处理程序中使用Canvas API来将图像绘制到画布上，最后使用HTMLCanvasElement.toDataURL()方法将画布转换为数据URL，然后将其作为下载链接的href属性。以下是一个示例代码：

<img src="your-image-url" onlongpress="saveImage(this)">

<script>
function saveImage(img) {
  // 创建画布
  var canvas = document.createElement('canvas');
  canvas.width = img.naturalWidth;
  canvas.height = img.naturalHeight;
  
  // 绘制图像到画布上
  var ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);
  
  // 将画布转换为数据URL
  var dataURL = canvas.toDataURL('image/png');
  
  // 创建下载链接
  var link = document.createElement('a');
  link.href = dataURL;
  link.download = 'image.png';
  
  // 触发下载
  link.click();
}
</script>

注意，该代码仅适用于支持onlongpress事件的移动设备浏览器。在桌面浏览器上，可以使用onmousedown和onmouseup事件来模拟长按事件。另外，iOS设备上的Safari浏览器可能需要用户手动长按链接并选择“保存图像”才能保存图像。