Przykład danych multipart / form

103

Zastanawiam się, czy ktoś może mi udostępnić przykład danych wieloczęściowych / formularzy zawierających:

Niektóre parametry formularza
Wiele plików

— user496949
źródło

Przejdź tutaj: w3.org/TR/html401/interact/forms.html#h-17.13.4 W 17.13.4 Form content typesznajdziesz to, czego szukasz.

— Andrew Barber

Zobacz htmlcodetutorial.com/forms/form_enctype.html

— David d C e Freitas

możliwy duplikat Jak powinno wyglądać wieloczęściowe żądanie HTTP z wieloma plikami?

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

Przesyłanie wieloczęściowe przesyła duże pliki według fragmentów. Przesyłanie wielu plików powoduje przesłanie wielu małych plików. O co pytasz?

— Gangnus

Odpowiedzi:

126

EDYCJA : utrzymuję podobną, ale bardziej szczegółową odpowiedź na: https://stackoverflow.com/a/28380690/895245

Aby dokładnie zobaczyć, co się dzieje, użyj nc -llub serwera ECHO i agenta użytkownika, takiego jak przeglądarka lub cURL.

Zapisz formularz do .htmlpliku:

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

Utwórz pliki do przesłania:

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

Biegać:

nc -l localhost 8000

Otwórz HTML w swojej przeglądarce, wybierz pliki i kliknij Prześlij i sprawdź terminal.

ncdrukuje otrzymane żądanie. Firefox wysłał:

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

Alternatywnie cURL powinien wysyłać to samo żądanie POST, co formularz przeglądarki:

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

Możesz wykonać wiele testów z:

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

— Ciro Santilli 郝海东冠状病六四事件法轮功
źródło

Rzeczy nieprzyjemne i nie od razu widoczne: boundary=---------------------------9051914041544843365972754266są dwa myślniki krótsze niż rzeczywiste granice danych. Naprawdę, bardzo trudno to zobaczyć, gdy wszystkie łączniki są splecione razem.

— Fałszywe imię

curl --trace-ascii <logfilename> ..... jest również przydatny do przeglądania wysłanych i odebranych danych.

— Craig Hicks,

curl -trace <logfilename> ....pokaże również binarny. Przydatne do obserwowania <LF> vs <CR> <LF>.

— Craig Hicks,

@FakeName - ta granica została automatycznie utworzona przez curl.

— Craig Hicks,

granica jest zawsze - krótsza. Każdy separator sekcji MIME (granica) zawiera dwie dodatkowe kreski z przodu, a separator końcowej granicy zawiera cztery dodatkowe kreski: dwa z przodu i dwa na końcu.

— Sergey Kuznetsov

Wielkie dzięki dla @Ciro Santilli odpowiedz! Okazało się, że jego wybór granicy jest dość „niezadowolony”, ponieważ wszystkie te łączniki: w rzeczywistości, jak skomentował @Fake Name, kiedy używasz swojego żądania dotyczącego granicy w ramach żądania dotyczącego granicy, z przodu są jeszcze dwa łączniki:

Przykład:

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

Znalazłem na tej stronie w3.org, że można zawrzeć nagłówek wieloczęściowy / mieszany w danych wieloczęściowych / formularz-danych, po prostu wybierając inny ciąg graniczny w wieloczęściowym / mieszanym i używając go do inkapsulacji danych. Na koniec musisz "zamknąć" wszystkie granice używane w celu FILO do zamknięcia żądania POST (na przykład:

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

Spójrz na link powyżej.

— pippo
źródło

Dlaczego nie rozdzielić wszystkie właściwości w Content-Dispositionprzy ;?

— kelin

„> e <ncapsulate”

— Craig Hicks,