ajax+node+request爬取網(wǎng)絡(luò)圖片的實(shí)例(宅男福利)

更新時(shí)間：2017年08月28日 07:54:18 投稿：jingxian

下面小編就為大家?guī)硪黄猘jax+node+request爬取網(wǎng)絡(luò)圖片的實(shí)例(宅男福利)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

注：本文只討論技術(shù)不涉及商業(yè)，如有侵權(quán)請告知，未經(jīng)本人同意轉(zhuǎn)載后果自負(fù)！

本文是通過瀏覽器端ajax，node端request-json進(jìn)行爬取”尤果網(wǎng)“部分圖片資源，純屬技術(shù)方面興趣，不涉及商業(yè)方面；

先上圖：

如果沒有node基礎(chǔ)請自行學(xué)習(xí)~

獲取圖片原理：通過request請求html文件，利用正則匹配圖片路徑獲取到當(dāng)前頁面圖片的數(shù)組，發(fā)送到瀏覽器端，進(jìn)行展示；

1.安裝request-json (cnpm i request-json --save)

2.安裝express(cnpm i express --save)

3.新建一個(gè)app.js文件，作為server文件，代碼如下

const express = require("express");
const morgan = require('morgan');
const ejs = require('ejs');
const path = require('path');
const bodyParser = require('body-parser');
const app = express();

//logs info to server
app.use(morgan('dev'));

//post resolve
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: false
}));

// view engine setup
app.engine('html', ejs.__express);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');

//設(shè)置靜態(tài)文件如：圖片， CSS, JavaScript 等。
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: false
}));
app.use(express.static(path.join(__dirname, 'public')));

/*
* reuire pages
*/
var index = require('./routes/index')

/*
* render pages
*/
app.use('/', index);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};

// render the error page
res.status(err.status || 500);
res.render('error', {
"title": '404',
"msg": '服務(wù)異常'
});
});
module.exports = app;

app.listen(3000,function(){
console.log('http://127.0.0.1:3000')
});

此時(shí)服務(wù)運(yùn)行在3000端口；

4.請求html頁面：

router.all("/getUGirls",function(req,res,next){

正則部分代碼（……）

client.get(url,function(err, response, body) {
　　if((typeof body)!="string"){
　　　　body = JSON.stringify(body);
　　}
　　arr =body.match(reg);
　　console.log(arr);

　　//這里就是當(dāng)前頁面的路徑以及頁面上圖片列表的數(shù)組，通過res.json發(fā)送到client；
　　res.json({"url":url,"records":arr});
});
})

該方法適用于頁面url有規(guī)則，并且頁面中圖片路徑有規(guī)則的任何網(wǎng)站的圖片爬?。?/p>

再次聲明，不要隨便那人家網(wǎng)站上的圖片隨便使用，學(xué)學(xué)技術(shù)就好，況且這個(gè)方法沒什么技術(shù)含量，源碼就不放了；

不說了，看圖去了

以上這篇ajax+node+request爬取網(wǎng)絡(luò)圖片的實(shí)例(宅男福利)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: