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

Program / 글쓴이

누구든지 다음을 포함하는 multipart / form-data의 예를 나와 공유 할 수 있는지 궁금합니다.

  1. 일부 양식 매개 변수
  2. 여러 파일

답변

편집 : 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 답변에 감사드립니다! 나는 그의 경계에 대한 선택이 매우 “불쾌하다”는 것을 발견했다. 왜냐하면 모든 하이픈이 너무 많기 때문이다. 사실 @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--

위의 링크를 살펴보십시오.

답변