Пример multipart / form-data

103

Мне интересно, может ли кто-нибудь поделиться со мной примером multipart / form-data, который содержит:

  1. Некоторые параметры формы
  2. Несколько файлов
html http multipart multipartform-data user496949
источник
2
Перейдите сюда: w3.org/TR/html401/interact/forms.html#h-17.13.4 Там 17.13.4 Form content typesвы найдете то, что ищете.
Эндрю Барбер,
1
См. Htmlcodetutorial.com/forms/form_enctype.html
Дэвид
возможный дубликат Как должен выглядеть составной HTTP-запрос с несколькими файлами?
Чиро Сантилли 郝海东 冠状 病 六四 事件 法轮功
При многократной загрузке большие файлы загружаются по частям. При многофайловой загрузке загружается множество небольших файлов. О чем ты спрашиваешь?
Gangnus

Ответы:

128

РЕДАКТИРОВАТЬ : я поддерживаю аналогичный, но более подробный ответ по адресу: 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=---------------------------9051914041544843365972754266на два дефиса короче фактических границ данных. Это действительно очень сложно увидеть, когда все дефисы соединены вместе.
Fake Name
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с ;?
kelin
1
'> e <ncapsulate'
Крейг Хикс