Приклад багаточастинкових / форм-даних

103

Мені цікаво, чи може хтось поділитися зі мною прикладом даних про багатосторонні форми / форми, що містить:

Деякі параметри форми
Кілька файлів

— user496949
джерело

Перейти тут: w3.org/TR/html401/interact/forms.html#h-17.13.4 У 17.13.4 Form content typesвас буде знайти те , що ви шукаєте.

— Ендрю Барбер

Дивіться htmlcodetutorial.com/forms/form_enctype.html

— David d C e Freitas

можливий дублікат Що повинен виглядати багатозахисний HTTP-запит з кількома файлами?

— Ciro Santilli 郝海东冠状病六四事件法轮功

Багатозавантажене завантаження великих файлів по шматочках. Багатофайл завантажує багато невеликих файлів. Про що ви питаєте?

— Gangnus

Відповіді:

126

EDIT : Я підтримую подібну, але більш глибоку відповідь за адресою: 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

— Ciro Santilli 郝海东冠状病六四事件法轮功
джерело

Покірний і не відразу очевидний матеріал: boundary=---------------------------9051914041544843365972754266на два дефіси коротше фактичних меж даних. Це справді, дуже важко помітити з усіма з’єднаними дефісами.

— Підроблена назва

curl --trace-ascii <logfilename> ..... також зручний для перегляду відправлених та отриманих даних.

— Крейг Хікс

curl -trace <logfilename> ....також покаже двійкові. Зручно спостерігати за <LF> vs <CR> <LF>.

— Крейг Хікс

@FakeName - Ця межа автоматично створена curl.

— Крейг Хікс

межа завжди - коротша. Кожен роздільник (межа) MIME містить дві додаткові тире в передній частині, а роздільник меж кінцевих меж містить чотири додаткові тире: два спереду та два в кінці.

— Сергій Кузнєцов,

Велике спасибі за відповідь @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 я виявив, що можна інкапсулювати багаточастинний / змішаний заголовок у мультичастинних / форм-даних, просто вибравши інший межовий рядок всередині багаточастотного / змішаного та використовуючи цю для інкапсуляції даних. Наприкінці ви повинні "закрити" всі межі, які використовуються у 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--

Перегляньте посилання вище.

— піппо
джерело

Чому ви не поділяєте все властивості в Content-Dispositionс ;?

— Келін

'> e <ncapsulate'

— Крейг Хікс