欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

用来下载图片的javascript脚本

程序员文章站 2022-04-04 14:04:37
...
这次给大家带来用来下载图片的javascript脚本,使用下载图片的javascript脚本的注意事项有哪些,下面就是实战案例,一起来看一下。

功能说明:
本人在浏览图片网站的时候常常发现一个问题就是想复制图片到本地时常常另存为,另存为,另存为。哎呀,有点麻烦。所以这脚本的功能就是在一个在一个图片网站时,跳出所有图片,然后只要点击自己想要的图片就可以下载了。当然啦直接用浏览器插件也是一个不错的选择哦。
--代码简单到不能再简单了,所以就不详细说明了。
--大家可以吧脚本保存到收藏夹,到时候想用时点击一下就可以了。
--可能有的,旧版本浏览器不支持点击下载

javascript:(  function(){ var ALLA= $("html").find("img");  var code=""; for(var aa=0;aa<ALLA.length ;aa++){  code=code+"<a href='"+$(ALLA[aa]).attr("src")+"' download >"+"<img src='"+$(ALLA[aa]).attr("src")+"'/></a>";;  }; if (code!=''){  var newwin=window.open('','',''); newwin.opener = null ;  newwin.document.write(code); newwin.document.close(); };   }  )()

[代码]如果无法跳出图片,可能是JQuery没添加到网页(这个是添加JQuery代码示例)

javascript:(function(){  try  {   $("body").html();  alert("jq%E5%B7%B2%E7%BB%8F%E5%BC%95%E5%85%A5"); }  catch (e)  {  new_element=document.createElement("script"); new_element.setAttribute("type","text/javascript"); new_element.setAttribute("src","http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"); document.body.appendChild(new_element);  } })()

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

简易的图片点击上传功能

JS可以截取video的标签视频缩略图吗?

以上就是用来下载图片的javascript脚本的详细内容,更多请关注其它相关文章!