多部分/表单数据的示例


103

我想知道是否有人可以与我分享包含以下内容的multipart / form-data示例:

  1. 一些表格参数
  2. 多个文件

2
转到此处:w3.org/TR/html401/interact/forms.html#h-17.13.4在这里17.13.4 Form content types您会找到想要的东西。
Andrew Barber 2010年



分段上传按片段上传大文件。多文件上传会上传许多小文件。你在问什么
Gangnus

Answers:


126

编辑:我在以下网址维护了一个类似但更深入的答案:https : //stackoverflow.com/a/28380690/895245

要确切了解正在发生的情况,请使用nc -lECHO服务器和用户代理(例如浏览器或cURL)。

将表单保存到.html文件:

<form action="http://localhost:8000" method="post" enctype="multipart/form-data">
  <p><input type="text" name="text" value="text default">
  <p><input type="file" name="file1">
  <p><input type="file" name="file2">
  <p><button type="submit">Submit</button>
</form>

创建要上传的文件:

echo 'Content of a.txt.' > a.txt
echo '<!DOCTYPE html><title>Content of a.html.</title>' > a.html

跑:

nc -l localhost 8000

在浏览器中打开HTML,选择文件,然后单击Submit并检查终端。

nc打印收到的请求。Firefox发送:

POST / HTTP/1.1
Host: localhost:8000
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:29.0) Gecko/20100101 Firefox/29.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Cookie: __atuvc=34%7C7; permanent=0; _gitlab_session=226ad8a0be43681acf38c2fab9497240; __profilin=p%3Dt; request_method=GET
Connection: keep-alive
Content-Type: multipart/form-data; boundary=---------------------------9051914041544843365972754266
Content-Length: 554

-----------------------------9051914041544843365972754266
Content-Disposition: form-data; name="text"

text default
-----------------------------9051914041544843365972754266
Content-Disposition: form-data; name="file1"; filename="a.txt"
Content-Type: text/plain

Content of a.txt.

-----------------------------9051914041544843365972754266
Content-Disposition: form-data; name="file2"; filename="a.html"
Content-Type: text/html

<!DOCTYPE html><title>Content of a.html.</title>

-----------------------------9051914041544843365972754266--

另外,cURL应该发送与您的浏览器表单相同的POST请求:

nc -l localhost 8000
curl -F "text=default" -F "file1=@a.html" -F "file1=@a.txt" localhost:8000

您可以使用以下方法进行多种测试:

while true; do printf '' | nc -l localhost 8000; done

41
厌恶和非立即自明的东西:boundary=---------------------------9051914041544843365972754266两个连字符短则数据的实际边界。这是真的,真的很难看到所有的连字符串在一起。
假名称

1
curl --trace-ascii <logfilename> ..... 对于查看发送和接收的数据也很方便。
Craig Hicks

curl -trace <logfilename> ....也将显示二进制。方便观察<LF>与<CR> <LF>。
Craig Hicks

@FakeName-该边界是由curl自动创建的。
Craig Hicks

6
边界总是-更短。每个MIME节分隔符(边界)在前面包含两个额外的破折号,而在结尾的边界分隔符包含四个额外的破折号:两个在前面,两个在末尾。
谢尔盖·库兹涅佐夫

24

非常感谢@Ciro Santilli的回答!我发现他对边界的选择非常“不满意”,因为所有的字符都是连字符:实际上,正如@Fake Name所评论的那样,当您在请求中使用边界时,它在前面带有两个连字符:

例:

POST / HTTP/1.1
HOST: host.example.com
Cookie: some_cookies...
Connection: Keep-Alive
Content-Type: multipart/form-data; boundary=12345

--12345
Content-Disposition: form-data; name="sometext"

some text that you wrote in your html form ...
--12345
Content-Disposition: form-data; name="name_of_post_request" filename="filename.xyz"

content of filename.xyz that you upload in your form with input[type=file]
--12345
Content-Disposition: form-data; name="image" filename="picture_of_sunset.jpg"

content of picture_of_sunset.jpg ...
--12345--

在w3.org页面上发现可以将multipart / mixed标头封装在multipart / form-data中,只需在multipart / mixed中选择另一个边界字符串,然后使用该边界字符串封装数据即可。最后,您必须“关闭” FILO命令中使用的所有边界以关闭POST请求(例如:

POST / HTTP/1.1
...
Content-Type: multipart/form-data; boundary=12345

--12345
Content-Disposition: form-data; name="sometext"

some text sent via post...
--12345
Content-Disposition: form-data; name="files"
Content-Type: multipart/mixed; boundary=abcde

--abcde
Content-Disposition: file; file="picture.jpg"

content of jpg...
--abcde
Content-Disposition: file; file="test.py"

content of test.py file ....
--abcde--
--12345--

看一下上面的链接。


1
为什么你不能在所有的属性分开Content-Disposition使用;
凯琳18'Jan

1
“>电子<ncapsulate”
克雷格希克斯
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.