멀티 파트 / 양식 데이터의 예


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



멀티 파트 업로드는 대용량 파일을 조각으로 업로드합니다. 다중 파일 업로드는 많은 작은 파일을 업로드합니다. 무엇에 대해 묻고 있습니까?
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=---------------------------9051914041544843365972754266두 개의 하이픈 짧은 다음 데이터의 실제 경계. 이건 정말입니다 정말 모든 하이픈 중독과 함께보기는 어렵다.
가짜 이름

1
curl --trace-ascii <logfilename> ..... 전송 및 수신 데이터를 볼 때도 편리합니다.
Craig Hicks

curl -trace <logfilename> ....바이너리도 표시됩니다. <LF> 대 <CR> <LF>를 쉽게 관찰 할 수 있습니다.
Craig Hicks

@FakeName-해당 경계는 curl에 의해 자동으로 생성되었습니다.
Craig Hicks

6
경계는 항상 짧습니다. 각 MIME 섹션 구분 기호 (경계)에는 앞쪽에 두 개의 추가 대시가 포함되고 후행 경계 구분 기호에는 앞쪽에 2 개, 끝에 2 개 등 4 개의 추가 대시가 포함됩니다.
Sergey Kuznetsov

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 / form-data에서 multipart / mixed 헤더를 캡슐화 할 수 있음 발견 했습니다 . 단순히 multipart / mixed 내부의 다른 경계 문자열을 선택하고 해당 문자열을 사용하여 데이터를 캡슐화하는 것입니다. 마지막으로 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
'> 전자 <ncapsulate'
크레이그 힉스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.