How nodejs uses http module to write upload image interface test client-JS Tutorial-php.cn

How nodejs uses http module to write upload image interface test client

php中世界最好的语言

Release： 2018-03-12 11:18:42

Original

2594 people have browsed it

This time I will show you how nodejs uses the http module to write the upload image interface test client. Nodejs uses the http module to write the upload image interface test client. What are the precautions?The following is a practical case, one Get up and take a look.

Build a simple upload test server

For example: write a simple server with python flask

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()

Copy after login

2. Observe the upload header identifier

After running the server Open the browser to access, open the console at the address, upload any file, and observe

3.nodejs writing upload test client

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();

Copy after login

There is another way to write:

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);
});

Copy after login

believe it After reading the case in this article, you have mastered the method. For more exciting information, please pay attention to other related articles on the PHP Chinese website!