js 一键下载页面图片

2024-09-03

用js脚本一键下载网页所有图片

年前这两天稍微闲一点了,琢磨了一点js脚本,功能是把当前网页页面上的所有图片一次性保存到本地,免得每次都要对图片右键保存. 测试环境:Chrome开发者模式下(启动Chrome,按F12即可) 测试网页:知乎某问题原理很简单,用到了a标签的href及download属性和点击事件. 直接贴代码吧: //一个对象,存储页面图片数量和下载的数量var monitorObj = { imgTotal: 0, imgLoaded: 0 } //创建a标签,赋予图片对象相关属性,并插入body var

jquery.imgpreload.min.js插件实现页面图片预加载

页面分享地址: http://wenku.baidu.com/link?url=_-G8miwbgDmEj6miyFtjit1duJggBCJmFjR2jky_G1VftD9eS9kwGOlFWAORk2_fotM4RbzRvtcaiQu2y_BU3Gpj0rYRy_EWrgXEuFeja0q 页面分享地址:http://www.jb51.net/article/21987.htm Javascript , Jquery 实现页面图片预加载百分比展现如果需要在页面初始加载时显示加载进度.主要是

js 实现的页面图片放大器以及 event中的诸多 x

背景: 淘宝.天猫等电商网站浏览图片时可以查看大图的功能: 思路: 思路很简单,两张图片,一张较小渲染在页面上,一张较大是细节图,随鼠标事件调整它的 left & top; 需要的知识点: onmouseover onmouseout onmouseenter js event对象中的各类坐标源码: // index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=

JS自动缩放页面图片

/** * 缩略图 * * @param bool isScaling 是否缩放 * @param int width 宽度 * @param int height 高度 * @param string loadindPic 表示“正在加载中”的图片地址 */ jQuery.fn.LoadImage = function (isScaling, width, height, loadindPic) { if (loadindPic == null) { loadindPic = "../imag

利用zepto.js实现移动页面图片全屏滑动

HTML <%-- Created by IntelliJ IDEA. User: fanso2o Date: 2017/2/28 Time: 16:09 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html ng-app

项目遇到的小问题（关于vue-cli中js点击事件不起作用和iconfont图片下载页面css样式乱的解答）

第一个:关于vue-cli中js点击事件不起作用在vue的methods方法queryBtnFun()中拼接html和click操作事件的时候,发现点击事件一起未起作用: 后来发现是DOM执行顺序的原因: 因为methods里的代码是编译后在浏览器里运行的第二个:iconfont图片下载页面css样式乱的在项目刚搭建的时候,我在iconfont上建立了一个图标项目库,把常用的几个图标添加下载到项目中,后来到项目中期的时候,有几个图标要新加入, 在iconfont添加上,下载下面,使用的时

JS判断是否是微信页面，判断手机操作系统（ios或android）并跳转到不同下载页面

JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } } JS判断手

【js】【图片显示】js控制html页面显示图片方式

js控制html页面显示图片方式,只需要引入“jquery-1.11.2.min.js” js: /* 引用 <script src="jquery-1.11.2.min.js" type="text/javascript"></script> <script src="showImage.js" type="text/javascript"></script> <scri

Js批量下载花瓣网及堆糖网专辑图片

插件作者:SaintIC 文章地址:https://blog.saintic.com/blog/256.html 一.安装 1. 安装Tampermonkey扩展,不同浏览器的支持,参见官网:http://tampermonkey.net/ 以谷歌浏览器为例(需FQ),打开Chrome网上应用店,添加/tampermonkey扩展程序,https://chrome.google.com/webstore/search/tampermonkey 2. 进入用户脚本源,点击进入"花瓣网下载"

python 爬虫之requests爬取页面图片的url，并将图片下载到本地

大家好我叫hardy 需求:爬取某个页面,并把该页面的图片下载到本地思考: img标签一个有多少种类型的src值?四种:1.以http开头的网络链接.2.以“//”开头网络地址.3.以“/”开头绝对路径.4.以“./”开头相对路径.当然还有其他类型,不过这个不做考虑,能力有限呀. 使用什么工具?我用requests.xpth 都有那些步骤:1.爬取网页 2.分析html并获取img中的src的值 3.获取图片 4.保存具体实现 import requests from lxml import

批量下载网站图片的Python实用小工具

定位本文适合于熟悉Python编程且对互联网高清图片饶有兴趣的筒鞋.读完本文后,将学会如何使用Python库批量并发地抓取网页和下载图片资源.只要懂得如何安装Python库以及运行Python程序,就能使用本文给出的程序批量下载指定图片啦! 在网上冲浪的时候,总有些“小浪花”令人喜悦.没错,小浪花就是美图啦.边浏览边下载,自然是不错的:不过,好花不常开,好景不常在,想要便捷地保存下来,一个个地另存为还是很麻烦的.能不能批量下载呢? 目标太平洋摄影网, 一个不错的摄影网站. 如果你喜欢自

【转】Image Cyborg 一键下载存储网页所有图片

下午仿照网上例子写了个抓取网页中图片并保存到本地的Python的例子,好奇就google了下是否有类似的在线抓取图片的外挂工具. 接着就找到了Pseric写的这篇文章 - Image Cyborg 一键下载存储网页所有图片 ———————————————————————————————————————————————————— 如果你想将一个网页里所有图片都抓下来,你知道怎么做最快吗?或许你从来不曾安装过类似扩充功能,因为有些外挂可以一件把网页内的图片通通批次下载保存,若没有使用外挂,其实有线上

html和js，外部js 的下载执行顺序

当用户开始访问,首先下载html资源和外部js资源,在chrome中显示的是html先下载,然后下载外部js,外部js的下载顺序安引用顺序,但是下载到达情况则视情况而定,接着才是图片和其他资源,但是要注意的是,js下载完成之后就开始执行了,也包括<script>块中的语句,此时页面可能还未开始渲染,所以会有白屏,就是js先执行了的原因,还有一点,外部js和<script>里的语句先执行的是外部js,这一点也可以从我们引用各种库的例子得到佐证.可以写一些简单的测试例子: <ht

Node.js 种子下载器

Node.js 种子下载器庆祝 2018 国庆,制作了一个 Node.js 的种子下载器.爬取页面,根据页面的链接,破解另外一个网站,下载种子文件.项目比较简单,爬取页面没有使用任何爬虫框架.项目源码 Node.js 的安装请看我的另外一篇文章,Node.js 的多版本安装. 项目初始化新建一个文件夹 FBIWarning,在该文件夹下打开命令行 CMD 或者 git bash.运行 npm init -y,该文件夹会生成一个 package.json 文件. 安装依赖包安装依赖包 cnp

jquery配合.NET实现点击指定绑定数据并且能够一键下载

最近在做培训管理系统中遇到一个问题,需求需点击绑定的数据,将指定的附件下载下来,并且是批量下载(绑定的数据非datagrid,后台拼接的绑定). 效果图如下: 大体思路: 1.jquery得到选中的绑定数据的id,将这个id赋值到数组中,最后将这个数组的值赋值给页面中创建的隐藏变量 2.后台获取到隐藏变量的值,并将它循环数组取值,得到绑定值的下载地址,最后打包下载首先html中div根据后台绑定 <div id="downloadInfo" runat="server

You-Get 一键下载全网视频资源

下载视频无论是单纯的下载视频收藏,还是以便离线收看,都离不开“下载”,好的工具让你把注意力更好的放在视频的本身,而不用考虑要如何下载视频.下载视频从来不乏方法,之前也介绍了下载 Youtube 视频最快速的方法,地址栏加 My |小技巧,光是基于 You-get做的软件就一大堆了. 先来介绍一下 You-get 吧,Python 上的一个命令行程序,可以下载网络上的媒体(视频,音乐,...) 下载流行网站之音视频,例如YouTube, Youku, Niconico,以及更多于您心仪的媒

js 函数的多图片预加载(preload) 带插件版完整解析

前言: 本人纯小白一个,有很多地方理解的没有各位大牛那么透彻,如有错误,请各位大牛指出斧正!小弟感激不尽. 本篇文章为您分析一下原生JS实现图片预加载效果本篇文章写的不是特别完整,代码冗余量较高,写这篇博客一是为了随笔记录一下笔者对这块知识点的理解二是为了让一些初学者能大致了解图片的预加载原理后续会陆续在此基础上跟新迭代现有的代码. 笔者希望读者能提供一些更加优化的代码,当然,最好是ECMAScript 2015以前的,感激不尽页面需求 1. 在用户刚刚

C#获取网页的HTML码、下载网站图片、获取IP地址

1.根据URL请求获取页面HTML代码 /// <summary> /// 获取网页的HTML码 /// </summary> /// <param name="url">链接地址</param> /// <param name="encoding">编码类型</param> /// <returns></returns> public static string Get

[记录][python]python爬虫，下载某图片网站的所有图集

随笔仅用于学习交流,转载时请注明出处,http://www.cnblogs.com/CaDevil/p/5958770.html 该随笔是记录我的第一个python程序,一个爬去指定图片站点的所有图集,现在还是一个非常简陋的单线程程序.下一步是改写成多线程,虽然python多线程被诋毁得一塌糊涂.同时加上异常处理. 近来练习python程序,仿照别人的爬虫写一个自己的爬虫来练练手.在编写的过程中遇到各种问题,中文编码.请求不到html等问题.撰写该随笔的目的是将所遇到的问题记录下来,并提供相应的

h5页面唤起app(iOS和Android),没有安装则跳转下载页面

浏览器和app没有通信协议,所以h5不知道用户的手机释放安装了app.因此只能是h5去尝试唤起app,若不能唤起,引导用户去下载我们的app. 微信里屏蔽了 schema 协议,如果在微信中打开h5,则会提示用户在浏览器中打开. HTML代码 <div id="btn"> <a onclick="submitFn ><button>打开app</button></a> </div> js代码 functi

js和jquery页面初始化加载函数的方法及先后顺序

运行下面代码.弹出A.B.C.D.E的顺序:A=B=C>D=E. jquery:等待页面加载完数据,以及页面部分元素(不包括图片.视频), js:是页面全部加载完成才执行初始化加载. <!DOCTYPE html> <html> <head> <title>首页</title> <script type="text/javascript" src="js/jquery-1.8.0.min.js"

js 一键下载页面图片

热门专题