「JavaScript」- 从页面中，提取图片 @20210210

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了「JavaScript」- 从页面中，提取图片 @20210210，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1722字，纯文字阅读大概需要3分钟。

内容图文

问题描述

在页面中，包含我们需要的图片。

但是，图片数量巨多，我们无法依次右键保存。

该笔记将记录：如何批量下载网页中的图片。

解决方案

问题的解决方案有很多，我们无法一一列举，本文仅仅记录我们采用的方法。

在浏览器控制台中，执行如下 JavaScript 代码：

list = ""
$x("//img[contains(@data-src, 'http')]").forEach(function (item, idx) {
    imageType = item.getAttribute("data-type")
    imageLink = item.getAttribute("data-src")
    list = list + "wget -O " + idx + "." + imageType + " " + imageLink + "\n"
})
console.log(list)

执行如上代码，将生成 wget 下载链接，类似如下：

...
wget -O 81.jpeg https://mmbiz.qpic.cn/sz_mmbiz_jpg/pUm6Hxkd435PzG5tgPApm9hic9aNPXP5J2cDGyQ07IctgudX4WjiaicuOzcP4yHsDGI8Z7MUY2D8iajCeMG0DJM5pw/640?wx_fmt=jpeg
wget -O 82.jpeg https://mmbiz.qpic.cn/sz_mmbiz_jpg/pUm6Hxkd435PzG5tgPApm9hic9aNPXP5JQCRX1pjZj9l8xNrWm9dNSPmicmTsiciaMu2YZewmfjkH2HiaQmCpibdjPHA/640?wx_fmt=jpeg
wget -O 83.jpeg https://mmbiz.qpic.cn/sz_mmbiz_jpg/pUm6Hxkd435PzG5tgPApm9hic9aNPXP5J8g3ZTovp4joJ7QbqP92sFhko2I8jaBicEcictpdvsA4wMoEbafqktbvQ/640?wx_fmt=jpeg
wget -O 84.png https://mmbiz.qpic.cn/sz_mmbiz_png/pUm6Hxkd435PzG5tgPApm9hic9aNPXP5JOd2slUKZCzUTu90BhfU7aTiagKrCvTRc2rA8Khibibj6ch0ibXHfRK8ewg/640?wx_fmt=png
wget -O 85.jpeg https://mmbiz.qpic.cn/sz_mmbiz_jpg/pUm6Hxkd435PzG5tgPApm9hic9aNPXP5Jwq2goiap3OGnMxant5CUTGXtT1Dcf8cSQ8NNU1BbnJYeSXy2yeSwGsw/640?wx_fmt=jpeg
wget -O 86.jpeg https://mmbiz.qpic.cn/mmbiz_jpg/K0TMNq37VN0jeHsTlPKiaucY0XZLxgMcicNcr0xBRcIEvZKbuicxLib9YnaLWZ6UEyRG7XDV0OZgjQ16sBxovZiap5g/640?wx_fmt=jpeg
...

最后，在 Shell 中，执行如上命令下载图片。

相关文章

「JavaScript」- 从页面中，提取下载链接（多用于视频网站）
「jQuery」- 显示自动隐藏的消息提示框
「JavaScript」- 选择全部的选择框

参考文献

JavaScript Array forEach() Method

内容总结

以上是互联网集市为您收集整理的「JavaScript」- 从页面中，提取图片 @20210210全部内容，希望文章能够帮你解决「JavaScript」- 从页面中，提取图片 @20210210所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端