溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

使用nodejs下載風(fēng)景壁紙

發(fā)布時(shí)間:2020-09-07 07:54:08 來(lái)源:腳本之家 閱讀:115 作者:卡卡小獅子 欄目:web開(kāi)發(fā)

需要用到的第三方模塊有:

superagent

superagent-charset  (手動(dòng)指定編碼,解決GBK中文亂碼)

cheerio

express

async (并發(fā)控制)

完整的代碼,可以在我的github中可以下載。主要的邏輯邏輯在 netbian.js 中。

以彼岸桌面(http://www.netbian.com/)欄目下的風(fēng)景壁紙(http://www.netbian.com/fengjing/index.htm)為例進(jìn)行講解。

1. 分析URL

使用nodejs下載風(fēng)景壁紙

不難發(fā)現(xiàn):

首頁(yè): 欄目/index.htm

分頁(yè): 欄目/index_具體頁(yè)碼.htm

知道這個(gè)規(guī)律,就可以批量下載壁紙了。

2. 分析壁紙縮略圖,找到對(duì)應(yīng)壁紙的大圖

使用chrome的開(kāi)發(fā)者工具,可以發(fā)現(xiàn),縮略圖列表在 class="list"的div里,a標(biāo)簽的href屬性的值就是單張壁紙所在的頁(yè)面。

使用nodejs下載風(fēng)景壁紙

部分代碼:

request
 .get(url)
 .end(function(err, sres){
 var $ = cheerio.load(sres.text);
 var pic_url = []; // 中等圖片鏈接數(shù)組
 $('.list ul', 0).find('li').each(function(index, ele){
 var ele = $(ele);
 var href = ele.find('a').eq(0).attr('href'); // 中等圖片鏈接
 if(href != undefined){
 pic_url.push(url_model.resolve(domain, href));
 }
 });
});

3. 以“http://www.netbian.com/desk/17662.htm”繼續(xù)分析

打開(kāi)這個(gè)頁(yè)面,發(fā)現(xiàn)此頁(yè)面顯示的壁紙,依舊不是最高的分辨率。

點(diǎn)擊“下載壁紙”按鈕里的鏈接,打開(kāi)新的頁(yè)面。

使用nodejs下載風(fēng)景壁紙

4. 以“http://www.netbian.com/desk/17662-1920x1080.htm”繼續(xù)分析

打開(kāi)這個(gè)頁(yè)面,我們最終要下載的壁紙,放在一個(gè)table里面。如下圖,http://img.netbian.com/file/2017/0203/bb109369a1f2eb2e30e04a435f2be466.jpg

才是我們最終要下載的圖片的URL(幕后BOSS終于現(xiàn)身了(@ ̄ー ̄@))。

使用nodejs下載風(fēng)景壁紙

下載圖片的代碼:

request
.get(wallpaper_down_url)
.end(function(err, img_res){
 if(img_res.status == 200){
 // 保存圖片內(nèi)容
 fs.writeFile(dir + '/' + wallpaper_down_title + path.extname(path.basename(wallpaper_down_url)), img_res.body, 'binary', function(err){
 if(err) console.log(err);
 });
 }
});

打開(kāi)瀏覽器,訪問(wèn)  http://localhost:1314/fengjing

選擇欄目和頁(yè)面,點(diǎn)擊“開(kāi)始”按鈕:

使用nodejs下載風(fēng)景壁紙

并發(fā)請(qǐng)求服務(wù)器,下載圖片。

使用nodejs下載風(fēng)景壁紙

完成~

使用nodejs下載風(fēng)景壁紙

圖片的存放目錄按照 欄目+頁(yè)碼 的形式保存。

使用nodejs下載風(fēng)景壁紙

附上完整的圖片下載的代碼:

/**
 * 下載圖片
 * @param {[type]} url [圖片URL]
 * @param {[type]} dir [存儲(chǔ)目錄](méi)
 * @param {[type]} res [description]
 * @return {[type]} [description]
 */
var down_pic = function(url, dir, res){
 var domain = 'http://www.netbian.com'; // 域名
 request
 .get(url)
 .end(function(err, sres){
 var $ = cheerio.load(sres.text);
 var pic_url = []; // 中等圖片鏈接數(shù)組
 $('.list ul', 0).find('li').each(function(index, ele){
 var ele = $(ele);
 var href = ele.find('a').eq(0).attr('href'); // 中等圖片鏈接
 if(href != undefined){
 pic_url.push(url_model.resolve(domain, href));
 }
 });
 var count = 0; // 并發(fā)計(jì)數(shù)器
 var wallpaper = []; // 壁紙數(shù)組
 var fetchPic = function(_pic_url, callback){
 count++; // 并發(fā)加1
 var delay = parseInt((Math.random() * 10000000) % 2000);
 console.log('現(xiàn)在的并發(fā)數(shù)是:' + count + ', 正在抓取的圖片的URL是:' + _pic_url + ' 時(shí)間是:' + delay + '毫秒');
 setTimeout(function(){
 // 獲取大圖鏈接
 request
 .get(_pic_url)
 .end(function(err, ares){
  var $$ = cheerio.load(ares.text);
  var pic_down = url_model.resolve(domain, $$('.pic-down').find('a').attr('href')); // 大圖鏈接
  count--; // 并發(fā)減1
  // 請(qǐng)求大圖鏈接
  request
  .get(pic_down)
  .charset('gbk') // 設(shè)置編碼, 網(wǎng)頁(yè)以GBK的方式獲取
  .end(function(err, pic_res){
  var $$$ = cheerio.load(pic_res.text);
  var wallpaper_down_url = $$$('#endimg').find('img').attr('src'); // URL
  var wallpaper_down_title = $$$('#endimg').find('img').attr('alt'); // title
  // 下載大圖
  request
  .get(wallpaper_down_url)
  .end(function(err, img_res){
  if(img_res.status == 200){
  // 保存圖片內(nèi)容
  fs.writeFile(dir + '/' + wallpaper_down_title + path.extname(path.basename(wallpaper_down_url)), img_res.body, 'binary', function(err){
   if(err) console.log(err);
  });
  }
  });
  wallpaper.push(wallpaper_down_title + '下載完畢<br />');
  });
  callback(null, wallpaper); // 返回?cái)?shù)據(jù)
 });
 }, delay);
 };
 // 并發(fā)為2,下載壁紙
 async.mapLimit(pic_url, 2, function(_pic_url, callback){
 fetchPic(_pic_url, callback);
 }, function (err, result){
 console.log('success');
 res.send(result[0]); // 取下標(biāo)為0的元素
 });
 });
};

特別需要注意的兩點(diǎn):

1. “彼岸桌面”網(wǎng)頁(yè)的編碼是“GBK”的。而nodejs本身只支持“UTF-8”編碼。這里我們引入“superagent-charset”模塊,用于處理“GBK”的編碼。

使用nodejs下載風(fēng)景壁紙

附上github里的一個(gè)例子

https://github.com/magicdawn/superagent-charset

使用nodejs下載風(fēng)景壁紙

2.  nodejs是異步的,同一時(shí)間發(fā)送大量的請(qǐng)求,有可能被服務(wù)器認(rèn)為是惡意請(qǐng)求而拒絕。 因此這里引入“async”模塊,用于并發(fā)的處理,使用的方法是:mapLimit。

mapLimit(arr, limit, iterator, callback)

這個(gè)方法有4個(gè)參數(shù):

第1個(gè)參數(shù)是數(shù)組。

第2個(gè)參數(shù)是并發(fā)請(qǐng)求的數(shù)量。

第3個(gè)參數(shù)是迭代器,通常是一個(gè)函數(shù)。

第4個(gè)參數(shù)是并發(fā)執(zhí)行后的回調(diào)。

這個(gè)方法的作用是將arr中的每個(gè)元素同時(shí)并發(fā)limit次拿給iterator去執(zhí)行,執(zhí)行結(jié)果傳給最后的callback。

后話

至此,便完成了圖片的下載。

完整的代碼,已經(jīng)放在github上

以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持億速云!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI