Node.js实现爬取网站图片的示例代码


Posted in NodeJs onApril 04, 2022

涉及知识点

开发一个小爬虫,涉及的知识点如下所示:

  • https模块,主要是用户获取网络资源,如:网页源码,图片资源等。
  • cheerio模块,主要用于解析html源码,并可访问,查找html节点内容。
  • fs模块,主要用于文件的读写操作,如保存图片,日志等。
  • 闭包,主要是对于异步操作,对象的隔离保护。

cheerio简介

什么是cheerio ?

cheerio是为服务器特别定制的,快速、灵活、实施的jQuery核心实现。主要用于在服务端解析html。特点如下所示:

  • 易用,语法类似jQuery语法,从jQuery库中去除了所有 DOM不一致性和浏览器尴尬的部分。
  • 解析快,比JSDOM快八倍。
  • 灵活,Cheerio 封装了兼容的htmlparser。Cheerio 几乎能够解析任何的 HTML 和 XML document。

安装cheerio

首先在命令行,切换到程序目录,然后输入安装命令进行安装,如下所示:

cnpm install cheerio

安装过程,如下所示:

Node.js实现爬取网站图片的示例代码

准备工作

在编写爬虫之前,首先需要分析目标内容,本次需要爬取的是某网站,星空类型的图片内容,经过分析,发现所有的图片都是在ul下每一个li中的a标签内的img中,本次只需要解析出img的src属性,即可获取图片的下载路径。如下所示:

Node.js实现爬取网站图片的示例代码

核心代码

经过以上分析,通过Node.js编写代码,分为两步,获取所有图片的url路径,即解析所有目标img元素的src属性。然后再下载具体图片进行保存即可。

引用所需要的功能模块,如下所示:

var https = require('https');
var cheerio = require('cheerio');
var fs = require('fs');

获取并解析html页面内容,如下所示:

//爬取的网址
var addrs=['https://www.*****.com/topic/show_27202_1.html','https://www.******.com/topic/show_27202_2.html','https://www.*****.com/topic/show_27202_3.html'];
var logger = fs.createWriteStream('./download/log.txt',{flags:'a+',autoClose:'true'});

for(i in addrs){
    (function(num){
   var addr = addrs[num];
   //创建目录
   var p1 = new Promise(function(resolve,reject){
     fs.access('./download',function(err){
       if(err){
           fs.mkdir('./download',function(e){
               if(e){
                   console.log('创建失败');
               }
           });
        }else{
            resolve("success");
        }
       });
   });

   p1.then(function(datas){
       var html='';
       var p2 = new Promise(function(resolve,reject){
           https.get(addr,function(res){
                res.on('data',function(data){
                    html+=data.toString();
                })
                res.on('end',function(){
                    resolve("success");
                });

            });

       });
      p2.then(function(data){
        //下载完成后,进行解析
        const $ =cheerio.load(html);
        var lis = $('#img-list-outer').find('li');
        for(var j=0;j<lis.length-1;j++){
            var li = lis[j];
            var src =$(li).find('a').find('img').attr('src');
            //console.log(src);
            //console.log('-------------------------');
            var imgurl='https:'+src;
            download(imgurl);
            var msg='['+j+']下载成功:'+imgurl;
            logger.write(msg+'\n');
            console.log(msg);
        }
      });
   });
   })(i);
}

注意:因为所有爬取的目标共分为3页,所以用到了循环,并且在循环中用到了闭包。

下载并保存单张图片代码,如下所示:

//下载图片
function download(imgurl){
    var p1 = new Promise(function(resolve,reject){
        https.get(imgurl,function(res){
            var imgName=imgurl.substr(imgurl.lastIndexOf('/')+1);
            var stream = fs.createWriteStream('./download/'+imgName);
            res.pipe(stream);
            setTimeout(function(){
                resolve('success');
            },300);

        });
    });
    p1.then(function(data){
        return;
    });
}

示例截图

开发完成后,运行代码,如下所示

Node.js实现爬取网站图片的示例代码

爬取的图片,保存在文件夹中,如下所示:

Node.js实现爬取网站图片的示例代码

注意:添加日志,是为了方便记录程序执行过程,对比图片和日志,便于发现问题。

到此这篇关于Node.js实现爬取网站图片的示例代码的文章就介绍到这了,更多相关Node.js爬取图片内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

NodeJs 相关文章推荐
Nodejs sublime text 3安装与配置
Jun 19 NodeJs
轻松创建nodejs服务器(7):阻塞操作的实现
Dec 18 NodeJs
Windows系统下使用Sublime搭建nodejs环境
Apr 13 NodeJs
基于nodejs+express(4.x+)实现文件上传功能
Nov 23 NodeJs
解决nodejs中使用http请求返回值为html时乱码的问题
Feb 18 NodeJs
详解nodeJS中读写文件方法的区别
Mar 06 NodeJs
Nodejs--post的公式详解
Apr 29 NodeJs
NodeJS使用七牛云存储上传文件的方法
Jul 24 NodeJs
nodejs微信开发之接入指南
Mar 17 NodeJs
NodeJS有难度的面试题(能答对几个)
Oct 09 NodeJs
通过实例了解Nodejs模块系统及require机制
Jul 16 NodeJs
NodeJs使用webpack打包项目的方法详解
Feb 28 #NodeJs
node快速搭建后台的实现步骤
nodejs利用readline提示输入内容实例代码
详解NodeJS模块化
NodeJs内存占用过高的排查实战记录
详解nodejs内置模块
May 06 #NodeJs
浅谈JS和Nodejs中的事件驱动
May 05 #NodeJs
You might like
收集的DedeCMS一些使用经验
2007/03/17 PHP
php判断字符以及字符串的包含方法属性
2008/08/30 PHP
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
2016/10/10 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
Thinkphp3.2简单解决多文件上传只上传一张的问题
2017/09/26 PHP
tp5.1 实现setInc字段自动加1
2019/10/18 PHP
js Flash插入函数免激活代码
2009/03/31 Javascript
Js动态添加复选框Checkbox的实例方法
2013/04/08 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
Python执行时间的计算方法小结
2017/03/17 Python
Python单例模式的两种实现方法
2017/08/14 Python
Python连接phoenix的方法示例
2017/09/29 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
python中eval与int的区别浅析
2019/08/11 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
python中pyplot基础图标函数整理
2020/11/10 Python
如何用Django处理gzip数据流
2021/01/29 Python
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
电子商务专业求职信
2014/03/08 职场文书
关爱留守儿童标语
2014/06/18 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
2019生态环境保护倡议书!
2019/07/03 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技