ajax+node+request 네트워크 그림 을 가 져 오 는 인 스 턴 스(택 남 복지)

주의:본 고 는 기술 만 상업 과 관련 되 지 않 고 권리 침해 가 있 으 면 알려 주 십시오.본인 의 동의 없 이 전재 한 결 과 는 스스로 책임 집 니 다!
본 고 는 브 라 우 저 엔 드 ajax,node 엔 드 request-json 을 통 해'유 과 망'의 일부 이미지 자원 을 기어 오 르 는 것 으로 기술적 인 관심 이 있 고 상업 적 인 측면 과 관련 되 지 않 습 니 다.
먼저 위의 그림:

노드 기반 이 없 으 면 스스로 공부 하 세 요~
그림 가 져 오기 원리:request 를 통 해 html 파일 을 요청 하고 정규 일치 하 는 그림 경 로 를 이용 하여 현재 페이지 그림 의 배열 을 가 져 와 브 라 우 저 에 보 내 보 여 줍 니 다.
1.request-json 설치(cnpm i request-json--save)
2.express 설치(cnpm i express--save)
3.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');

//       ：  ， 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": '    '
});
});
module.exports = app;

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

이 때 서 비 스 는 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);

　　//                       ，  res.json   client；
　　res.json({"url":url,"records":arr});
});
})

이 방법 은 페이지 url 에 규칙 이 있 고 페이지 의 그림 경로 가 규칙 적 인 모든 사이트 의 그림 을 기어 오 르 는 데 적용 된다.
다시 한 번 말씀 드 리 지만 그 사람의 사이트 에 있 는 사진 을 마음대로 사용 하지 말고 기술 을 배우 면 됩 니 다.게다가 이 방법 은 기술적 인 함량 이 없 으 면 소스 코드 를 놓 지 않 습 니 다.
말 하지 않 겠 습 니 다.그림 을 보 러 갔습니다.
이상 의 ajax+node+request 가 인터넷 사진 을 가 져 오 는 인 스 턴 스(집 돌 이 복지)는 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.