multipart/form-data请求与文件上传的细节

要上传文件，需要用post方法，并且设置enctype为multipart/form-data。

<form action="/upload" method="post" enctype="multipart/form-data">
　　<input type="text" name="param1">
　　<input type="text" name="param2">
　　<input type="file" name="fileparam">
　　<button type="submit">上传button>
form>

 

关于multipart/form-data

multipart/form-data与post方法结合，用了multipart/form-data的post请求与普通的post请求的请求头和请求体都有不同。

 

普通post请求头中Content-Type字段值为：

Content-Type: application/x-www-form-urlencoded

multipart/form-data请求头中Content-Type字段值为multipart/form-data; boundary=xxxxxxx， （xxxxxx规定了请求体中的内容分隔符）。

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

 

普通post请求的请求体格式为（不会上传文件内容）：

param1=AAAA¶m2=123456&fileparam=test.txt

而multipart/form-data请求体格式为（包含文件内容）：

------WebKitFormBoundaryjUVXJ3PslTEBh9as
Content-Disposition: form-data; name="param1"

AAAA
------WebKitFormBoundaryjUVXJ3PslTEBh9as
Content-Disposition: form-data; name="param2"

123456
------WebKitFormBoundaryjUVXJ3PslTEBh9as
Content-Disposition: form-data; name="fileparam"; filename="test.txt"
Content-Type: text/plain

contents of file
------WebKitFormBoundaryjUVXJ3PslTEBh9as