Node.js實現(xiàn)爬取網(wǎng)站圖片的示例代碼
涉及知識點
開發(fā)一個小爬蟲,涉及的知識點如下所示:
- https模塊,主要是用戶獲取網(wǎng)絡(luò)資源,如:網(wǎng)頁源碼,圖片資源等。
- cheerio模塊,主要用于解析html源碼,并可訪問,查找html節(jié)點內(nèi)容。
- fs模塊,主要用于文件的讀寫操作,如保存圖片,日志等。
- 閉包,主要是對于異步操作,對象的隔離保護。
cheerio簡介
什么是cheerio ?
cheerio是為服務(wù)器特別定制的,快速、靈活、實施的jQuery核心實現(xiàn)。主要用于在服務(wù)端解析html。特點如下所示:
- 易用,語法類似jQuery語法,從jQuery庫中去除了所有 DOM不一致性和瀏覽器尷尬的部分。
- 解析快,比JSDOM快八倍。
- 靈活,Cheerio 封裝了兼容的htmlparser。Cheerio 幾乎能夠解析任何的 HTML 和 XML document。
安裝cheerio
首先在命令行,切換到程序目錄,然后輸入安裝命令進行安裝,如下所示:
cnpm install cheerio
安裝過程,如下所示:

準(zhǔn)備工作
在編寫爬蟲之前,首先需要分析目標(biāo)內(nèi)容,本次需要爬取的是某網(wǎng)站,星空類型的圖片內(nèi)容,經(jīng)過分析,發(fā)現(xiàn)所有的圖片都是在ul下每一個li中的a標(biāo)簽內(nèi)的img中,本次只需要解析出img的src屬性,即可獲取圖片的下載路徑。如下所示:

核心代碼
經(jīng)過以上分析,通過Node.js編寫代碼,分為兩步,獲取所有圖片的url路徑,即解析所有目標(biāo)img元素的src屬性。然后再下載具體圖片進行保存即可。
引用所需要的功能模塊,如下所示:
var https = require('https');
var cheerio = require('cheerio');
var fs = require('fs');獲取并解析html頁面內(nèi)容,如下所示:
//爬取的網(wǎng)址
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];
//創(chuàng)建目錄
var p1 = new Promise(function(resolve,reject){
fs.access('./download',function(err){
if(err){
fs.mkdir('./download',function(e){
if(e){
console.log('創(chuàng)建失敗');
}
});
}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);
}注意:因為所有爬取的目標(biāo)共分為3頁,所以用到了循環(huán),并且在循環(huán)中用到了閉包。
下載并保存單張圖片代碼,如下所示:
//下載圖片
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;
});
}示例截圖
開發(fā)完成后,運行代碼,如下所示

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

注意:添加日志,是為了方便記錄程序執(zhí)行過程,對比圖片和日志,便于發(fā)現(xiàn)問題。
到此這篇關(guān)于Node.js實現(xiàn)爬取網(wǎng)站圖片的示例代碼的文章就介紹到這了,更多相關(guān)Node.js爬取圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
node.js通過axios實現(xiàn)網(wǎng)絡(luò)請求的方法
下面小編就為大家分享一篇node.js通過axios實現(xiàn)網(wǎng)絡(luò)請求的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
nodejs創(chuàng)建簡易web服務(wù)器與文件讀寫的實例
下面小編就為大家?guī)硪黄猲ode js系列課程-創(chuàng)建簡易web服務(wù)器與文件讀寫的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
使用Node.js創(chuàng)建本地HTTP服務(wù)器并實現(xiàn)異地遠程訪問的方法
Node.js 是能夠在服務(wù)器端運行 JavaScript 的開放源代碼、跨平臺運行環(huán)境,這篇文章主要介紹了如何使用Node.js快速創(chuàng)建本地HTTP服務(wù)器并實現(xiàn)異地遠程訪問,需要的朋友可以參考下2024-01-01
在nodeJs中如何修改json文件中的數(shù)據(jù)
這篇文章主要介紹了在nodeJs中如何修改json文件中的數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10
nodejs中內(nèi)置模塊fs,path常見的用法說明
這篇文章主要介紹了nodejs中內(nèi)置模塊fs,path常見的用法說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
npm一鍵安裝Python以及node-sass依賴環(huán)境的方法
Node-sass是一個庫,它將Node.js綁定到LibSass,下面這篇文章主要給大家介紹了關(guān)于npm一鍵安裝Python以及node-sass依賴環(huán)境的相關(guān)資料,文中還介紹了安裝node-sass報錯Python環(huán)境問題避坑指南,需要的朋友可以參考下2022-09-09
使用nodejs+express實現(xiàn)簡單的文件上傳功能
這篇文章主要介紹了使用nodejs+express完成簡單的文件上傳功能,需要的朋友可以參考下2017-12-12

