multipart / form-dataの例


103

誰かがmultipart / form-dataの例を私と共有できるかどうか疑問に思っています:

  1. いくつかのフォームパラメータ
  2. 複数のファイル

2
ここに行く:w3.org/TR/html401/interact/forms.html#h-17.13.417.13.4 Form content typesあなたが求めるものを見つけることができます。
Andrew Barber



マルチパートアップロードは、大きなファイルを少しずつアップロードします。マルチファイルアップロードは、多くの小さなファイルをアップロードします。あなたは何を求めているのですか?
Gangnus

回答:


126

編集:私は似ていますが、より詳細な回答を維持していますhttps//stackoverflow.com/a/28380690/895245

何が起こっているかを正確に確認するには、nc -lまたはECHOサーバーと、ブラウザや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を開き、ファイルを選択して、送信をクリックし、ターミナルを確認します。

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=---------------------------90519140415448433659727542662つのハイフンが短い。これは、すべてのハイフンをつなげた状態で見るのが本当に難しいです。
架空の名前

1
curl --trace-ascii <logfilename> ..... 送受信されたデータを表示するのにも便利です。
Craig Hicks

curl -trace <logfilename> ....バイナリも表示されます。<LF>対<CR> <LF>を観察するのに便利です。
Craig Hicks

@FakeName-その境界はcurlによって自動的に作成されました。
Craig Hicks

6
境界は常に-より短い。各MIMEセクション区切り記号(境界)には、前に2つの追加のダッシュが含まれ、後続の境界区切り記号には、4つの追加のダッシュ(前に2つ、最後に2つ)が含まれています。
セルゲイクズネツォフ

24

@Ciro Santilliの回答に感謝します!私の境界の選択は、すべてのハイフンが原因でかなり「不幸」であることがわかりました。実際、@ Fake Nameがコメントしているように、リクエスト内で境界を使用すると、前に2つのハイフンが追加されます。

例:

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ページに単に複合/混合内部別の境界文字列を選択し、そのいずれかにincapsulateデータを使用して、マルチパート/フォームデータでincapsulate複合/混合ヘッダすることが可能です。最後に、POSTリクエストを閉じるために、FILOで使用されるすべての境界を「閉じる」必要があります(例:

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;
kelin

1
'> e <ncapsulate'
クレイグヒックス
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.