Heim  >  Artikel  >  Web-Frontend  >  Wie nodejs das http-Modul verwendet, um einen Testclient für die Schnittstelle zum Hochladen von Bildern zu schreiben

Wie nodejs das http-Modul verwendet, um einen Testclient für die Schnittstelle zum Hochladen von Bildern zu schreiben

php中世界最好的语言
php中世界最好的语言Original
2018-03-12 11:18:422577Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie das http-Modul zum Schreiben eines Upload-Image-Schnittstellentest-Clients in NodeJS verwenden. Welche Vorsichtsmaßnahmen gelten für NodeJS, um das http-Modul zum Schreiben eines Upload-Image-Schnittstellentests zu verwenden? Der folgende Fall ist ein praktischer Fall.

Erstellen Sie einen einfachen Upload-Testserver

Zum Beispiel: Schreiben Sie einen einfachen Server mit Python-Flasche

from flask import Flask, url_for, request,redirect,send_from_directoryimport os 
app = Flask(name)
app.config['UPLOAD_FOLDER'] = 'uploads/'  # 保存文件位置ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif'])@app.route('/uploads/<filename>')def uploaded_file(filename):
    return send_from_directory(app.config['UPLOAD_FOLDER'], filename)@app.route('/', methods=['GET', 'POST'])def upload_file():
    if request.method == 'POST': 
        file = request.files['file']        if file : 
            file.save(os.path.join(app.config['UPLOAD_FOLDER'], file.filename))            return redirect(url_for('uploaded_file',
                                    filename=file.filename))    return '''
    <html><head><title>上传测试</title>
    </head><body><h1>上传测试</h1>
    <script>
        function upl(){
            var form = new FormData();
            form.append("file", document.getElementsByName("file")[0].files[0]);
            var oReq = new XMLHttpRequest();
            oReq.open("POST", "/");
            oReq.send(form);
        }
    </script>
    <form action="" method="post" enctype="multipart/form-data">
      <p><input type="file" name="file">
         <input type="submit" value="表单提交">
    </p></form>
         <input type="button" value="ajax提交" onclick="upl()">
   </body> </html>
    '''with app.test_request_context():  # 输出url
    passif name == 'main':    # app.debug = True
    app.run()

Beachten Sie das Upload-Header-Logo

Ausführen: Öffnen Sie den Browser, um auf den Server zuzugreifen, öffnen Sie die Konsole unter der Adresse, laden Sie eine beliebige Datei hoch und beobachten Sie

3. Nodejs schreibt den Upload-Testclient

var http = require('http');var querystring = require('querystring');var fs = require('fs');var post_data = { };//post提交数据var content = querystring.stringify(post_data);#将对象转换成字符串,字符串里多个参数将用 ‘&' 分隔,将用 ‘=' 赋值var boundaryKey = new Date().getTime();//创建随机切割标识字 你可以百度 'multipart form-data boundary'了解//var boundaryKey =Math.random().toString(16); var options = {
    hostname: '127.0.0.1',
    port: 5000,
    path: '/',
    method: 'POST',
    headers: {        // 'Accept': '*/*',
        // 'Accept-Encoding': 'gzip, deflate',
        // 'Connection': 'keep-alive',
        'Content-Type':'multipart/form-data; boundary=----'+boundaryKey,//文件上传标识与切割标识
        // 'Host':'127.0.0.1:5000',
        // 'Origin':'http://127.0.0.1:5000',
        // 'Referer':'http://127.0.0.1:5000/',
        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36'
    }
};var req = http.request(options, function (res) {
    res.setEncoding('utf8');
    console.log('STATUS: ' + res.statusCode);
    console.log('HEADERS: ' + JSON.stringify(res.headers));
    res.on('data', function (chunk) {
        console.log('BODY: ' + chunk);
    });
    res.on('end', function () {
        console.log('res end');
    });
});var payload ='\r\n------'+boundaryKey+'\r\n' +    'Content-Disposition: form-data; name="file"; filename="test.png"\r\n' +    'Content-Type: image/png\r\n\r\n';var enddata = '\r\n------'+boundaryKey+'--'; 
req.setHeader('Content-Length', Buffer.byteLength(payload) + Buffer.byteLength(enddata) + fs.statSync("./test.png").size);
req.write(payload);var fileStream = fs.createReadStream("./test.png", { bufferSize: 4 * 1024 });
fileStream.pipe(req, { end: false });
fileStream.on('end', function () { 
    req.end(enddata);
});
req.on('error', function (e) {
    console.log('problem with request: ' + e.message);
});
  
req.write(content);// req.end();

Es gibt Eine andere Art zu schreiben:

var http = require('http');var querystring = require('querystring');var fs = require('fs');var boundaryKey = new Date().getTime()//Math.random().toString(16); //创建随机切割标识字var options = {    hostname: '127.0.0.1',    port: 5000,    path: '/',    method: 'POST',    headers: {        // 'Accept': '*/*',
        // 'Accept-Encoding': 'gzip, deflate',
        // 'Connection': 'keep-alive',
        'Content-Type': 'multipart/form-data; boundary=----' + boundaryKey,        // 'Host':'127.0.0.1:5000',
        // 'Origin':'http://127.0.0.1:5000',
        // 'Referer':'http://127.0.0.1:5000/',
        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36'
    }
};var req = http.request(options, function (res) {
    res.setEncoding('utf8');    console.log('STATUS: ' + res.statusCode);    console.log('HEADERS: ' + JSON.stringify(res.headers));
    res.on('data', function (chunk) {        console.log('BODY: ' + chunk);
    });
    res.on('end', function () {        console.log('res end');
    });
});var payload = '\r\n------' + boundaryKey + '\r\n' +    'Content-Disposition: form-data; name="file"; filename="test.png"\r\n' +    'Content-Type: image/png\r\n\r\n';var enddata = '\r\n------' + boundaryKey + '--';var fileStream=fs.readFileSync("./test.png");
req.setHeader('Content-Length', Buffer.byteLength(payload) + Buffer.byteLength(enddata) + fs.statSync("./test.png").size);console.log(payload);
req.write(payload);console.log(fileStream);
req.write(fileStream);console.log(enddata);
req.end(enddata);
req.on('error', function (e) {    console.log('problem with request: ' + e.message);
});

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Liniendiagramm zur Änderung der Produktionsleistung in H5

Detaillierte Erläuterung der Trennung von Front-End- und Back-End-Entwicklung von Golang+Nodejs

Das obige ist der detaillierte Inhalt vonWie nodejs das http-Modul verwendet, um einen Testclient für die Schnittstelle zum Hochladen von Bildern zu schreiben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn