我是靠谱客的博主 矮小黑猫,这篇文章主要介绍Nodejs通过html文本抓取图片,现在分享给大家,希望可以做个参考。

fetch-html-img库

    • 1. 创作背景
    • 2. 安装环境
    • 3. 安装库
    • 4. 找到目标网页,把html文本复制到本地新建的data.html
    • 5. 通过所学的css选择器知识去选中所有图片,记录下选择器字符串
    • 6. 创建fetchImg.js文件
    • 7. 通过node运行第6步创建的文件
    • 8. 最终效果
    • 9. 其他配置
    • 10. 结尾

1. 创作背景

没素材了,需要去网上找一些图片素材

2. 安装环境

  1. git下载地址
  2. nodejs下载地址(如果是下载的压缩包记得配下node和npm的环境变量)
  3. git clone速度太慢解决方案(谷歌浏览器GitHub加速插件实测有效)
  4. 若npm下载速度太慢,解决方案
  5. 该库文档

3. 安装库

npm install fetch-html-img
或者
yarn add fetch-html-img

4. 找到目标网页,把html文本复制到本地新建的data.html

在这里插入图片描述

5. 通过所学的css选择器知识去选中所有图片,记录下选择器字符串

在这里插入图片描述

6. 创建fetchImg.js文件

文件位置任意

//fetchImg.js文件内容
const fs = require("fs");
const fetchImg = require("fetch-html-img")
const path = require("path")
let res =  fs.readFileSync(path.resolve("./data.html"));//存放html文本的文件
res = res.toString("utf-8");
fetchImg({
    htmlStr: res,//第4步里复制的html文本
    selector: ".img-box img",//第5步里里的css选择器字符串
    host: "https://bz.zzzmh.cn/#index",//目标网页地址
    saveDir: path.resolve(__dirname, "./图片素材"),//保存图片的路径,必须是绝对路径
    imgNum: 5,//保存多少张图片
});

7. 通过node运行第6步创建的文件

node fetchImg.js

8. 最终效果

在这里插入图片描述

9. 其他配置

setImgName:自定义生成的图片名模板

sortRandom:是否乱序抓取图片列表中的图片

具体详细配置参考链接,点我~

10. 结尾

希望这个库对大家有所帮助。

喜欢的记得点个赞,关个注,留个言,谢谢哈~

有问题,github提issue , 或联系qq1050132079

最后

以上就是矮小黑猫最近收集整理的关于Nodejs通过html文本抓取图片的全部内容,更多相关Nodejs通过html文本抓取图片内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部