【JavaScript学习记录】快速下载网页所有图片

本文介绍了如何通过JavaScript实现快速下载网页中所有图片的方法。作者首先以某瓣网页为例,展示了如何定位到包含图片的div,并获取其中的所有img标签。然后,他们借鉴他人代码创建了一个下载图片的函数,利用图片的alt属性作为文件名。虽然不是完全自动化,但通过调整浏览器默认下载路径,可以简化下载过程。对于大量图片,作者建议添加延时函数以避免浏览器卡顿。
摘要由CSDN通过智能技术生成

写在前面

最近有个兼职需要手动下载网页图片,两分/张,这劳动力也太廉价了,为了节省时间,应该开动脑筋,于是写了个js,但是我太菜了只能写个半自动化的……

开始

1.首先准备一个网页,就用某瓣举例。

开发者模式下能看见很多img标签。发现我们想要的图片都在这个div里,可以自己加个标识用的id。

2.获取这个div中的所有img。

var imgList = document.querySelectorAll("#myflag img")

3. 编写一个下载图片的函数

这部分我抄的o(╥﹏╥)o 流年随风——js 根据url 下载图片

function downloadIamge(imgsrc, name){//下载图片地址和图片名
    let image = new Image();
    // 解决跨域 Canvas 污染问题
    image.setAttribute("crossOrigin", "anonymous");
    image.onload = function() {
        let
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值