node 上传文件 http client to post file

最新推荐文章于 2022-08-04 08:57:04 发布

转载最新推荐文章于 2022-08-04 08:57:04 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vaal-water/p/6520370.html

文章标签：

#javascript #ViewUI

本文详细介绍了使用Node.js进行文件上传的过程，包括如何生成随机边界字符串、设置Content-Type头、构造multipart/form-data格式的请求体以及读取和发送文件流。通过具体代码示例，展示了从创建请求到发送文件的完整流程。

node做http client 发送post数据是很容易的事情，但要上传文件就不是太容易了
主要是因为上传文件的报文和普通post是不太一样的

要了解http post可以看下这个 https://imququ.com/post/four-ways-to-post-data-in-http.html

npm上封装好的第三方库很多比如request，我们来看下自己实现需要怎么做

首先要声称个随机串，这个是用来做分段的标记
var boundaryKey = Math.random().toString(16)

上传文件时要设置请求头 Content-Type ： 'multipart/form-data; boundary='+boundaryKey+''

报文格式是这样的：

假如 boundaryKey＝AaB03x

Content-Type: multipart/form-data; boundary=AaB03x

--AaB03x
Content-Disposition: form-data; name="submit-name"

Larry
--AaB03x
Content-Disposition: form-data; name="files"; filename="file1.txt"
Content-Type: text/plain

... contents of file1.txt ...
--AaB03x--

from https://www.w3.org/TR/html401/interact/forms.html#h-17.13.4.2

每个字段用 “--”＋分割符号分段

结尾用 “--”＋分割符号＋“--” 注意用\r\n换行不可缺少

代码实现

 1 var http = require('http')
 2 var fs = require('fs')
 3 var querystring = require('querystring')
 4 var path = require('path')
 5 var util = require('util')
 6 
 7 var boundaryKey = Math.random().toString(16); // random string
 8 var reqdata = {
 9 　　'abc' : '123'
10 }
11 
12 var request = http.request({
13 　　host : 'abc.com',
14 　　port : 80,
15 　　path : '/abc',
16 　　method : 'POST'
17 }, function (response) {
18 　　var data = '';
19 　　response.on('data', function(chunk) {
20 　　　　data += chunk.toString();
21 　　});
22 　　response.on('end', function() {
23 　　　　console.log(data);
24 　　});
25 });
26 
27 var enddata = '\r\n--' + boundaryKey + '--';
28 function mkfield (field, value) {
29 　　return util.format('Content-Disposition: form-data; name="%s"\r\n\r\n%s', field, value);
30 }
31 var payload = '--' + boundaryKey + '\r\n'
32 for (var name in reqdata){
33 　　payload += mkfield(name ,reqdata[name]) + util.format('\r\n--%s\r\n', boundaryKey)
34 }
35 payload += 'Content-Disposition:form-data; name="img"; filename="image.jpg"\r\n'
36 　　+ 'Content-Type:image/jpeg\r\n'
37 　　+ 'Content-Transfer-Encoding: binary\r\n'
38 　　+ '\r\n';
39 
40 request.setHeader('Content-Type', 'multipart/form-data; boundary='+boundaryKey+'');
41 //request.setHeader('Content-Length', Buffer.byteLength(payload)+Buffer.byteLength(enddata))
42 
43 request.write(payload )
44 
45 fs.createReadStream('文件路径', { bufferSize: 4 * 1024 })
46 .on('end', function() {
47 //报文结束
48 　　request.end(enddata);
49 }).pipe(request, { end: false })

转载于:https://www.cnblogs.com/vaal-water/p/6520370.html