HTML中长按图片下载

HTML代码

<div class="t-share"><img name="content" id="copy_key_ios_wap" class="text" src="" alt="正在生成中..."></div>
<div class="but">长按图片保存到相册，就能分享给好友啦~</div>

JS代码

<script language="javascript">var timeOutEvent=0;$(function(){$(".t-share").on({touchstart: function(e){timeOutEvent = setTimeout("longPress()",500);e.preventDefault();},touchmove: function(){clearTimeout(timeOutEvent); timeOutEvent = 0; },touchend: function(){clearTimeout(timeOutEvent);if(timeOutEvent!=0){ // alert("你这是点击，不是长按"); } return false; }})});  function longPress(){ timeOutEvent = 0; var src =$("#copy_key_ios_wap").attr("src")var arr=src.split("t=");// console.log(arr[1])downloadIamge('#copy_key_ios_wap','商品分享'+arr[1]+'.jpg')} function downloadIamge(selector, name) {  // 通过选择器获取img元素，  var img = document.querySelector(selector)  // 将图片的src属性作为URL地址  var url = img.src  var a = document.createElement('a')  var event = new MouseEvent('click')  a.download = name || '下载图片名称'  a.href = url  a.dispatchEvent(event)  }</script>

HTML中长按图片下载相关推荐

android picasso源码下载,Picasso：一个专为Android制作的强大的图片下载和缓存库
Picasso:一个专为Android打造的强大的图片下载和缓存库简介在Android应用中,图片消费了大量的资源,却为应用提供了很好的视觉体验.幸运的是,Picasso为你的应用提供了非常容易的 ...
wxml 点击图片下载_云存储之上传图片和展示图片(小程序云开发)
1.云存储介绍 2.demo代码(上传图片/文件) cloud.wxml 云存储上传图片 cloud.js // miniprogram/pages/cloud/cloud.js const db ...
Node.js制作图片下载爬虫的一般步骤
图片下载爬虫分两部分:爬页面和下载图片. 爬页面时先看网址是https还是http的,然后选择不同的内置对象:其次看编码,如果是charset=gb2312的网页就需要iconv帮忙转码,好在大部分都 ...
python编程图片_python下载百度图片,python图片下载程序
以前写的一个百度图片下载的代码,现在试试还能用,现在百度图片的质量也是越来越高了,共享一下,让粉丝和图片控能方便下载:后续功能追加请关注我的小站#coding:utf-8 ''' python 2.7 ...
python下载图片-python下载百度图片,python图片下载程序
以前写的一个百度图片下载的代码,现在试试还能用,现在百度图片的质量也是越来越高了,共享一下,让粉丝和图片控能方便下载:后续功能追加请关注我的小站#coding:utf-8 ''' python 2.7 ...
Scrapy学习篇（九）之文件与图片下载
Media Pipeline Scrapy为下载item中包含的文件(比如在爬取到产品时,同时也想保存对应的图片)提供了一个可重用的 item pipelines . 这些pipeline有些共同的方 ...
虹影图片下载器(Preview)
虹影图片下载器,支持从image.google.com.image.baidu.com.image.yahoo.com.image.tom.com自动下载搜索到的图片 download 转载于:htt ...
java爬虫下载图片到磁盘_java入门爬虫（爬取网页的图片下载到本地磁盘）
java爬虫入门技术我们需要用到http协议从而建立java程序和网页的连接 URL url = new URL("https://www.ivsky.com/tupian/ziranf ...
PHP进行图片下载的时候，出现图片损坏，无法打开（实质原因，多输出了一个空白字符ZWNBSP ）
解决办法非常重要, 必须加入下面两行代码, 否则会出现 ZWNBSP (图片下载,显示文件已损坏) ob_clean();flush(); 参考代码: function my_download($f ...

HTML中长按图片下载

HTML中长按图片下载相关推荐

最新文章

热门文章