Heim > Artikel > Web-Frontend > Wie nodejs das http-Modul verwendet, um einen Testclient für die Schnittstelle zum Hochladen von Bildern zu schreiben
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!