ตัวอย่างของข้อมูลหลายส่วน / แบบฟอร์ม


106

ฉันสงสัยว่ามีใครสามารถแบ่งปันตัวอย่างของข้อมูลหลายส่วน / แบบฟอร์มที่มี:

  1. พารามิเตอร์ฟอร์มบางอย่าง
  2. หลายไฟล์

2
ไปที่นี่: w3.org/TR/html401/interact/forms.html#h-17.13.4ใน17.13.4 Form content typesคุณจะพบสิ่งที่คุณแสวงหา
Andrew Barber



การอัปโหลดหลายส่วนอัปโหลดไฟล์ขนาดใหญ่ทีละชิ้น การอัปโหลดหลายไฟล์จะอัปโหลดไฟล์ขนาดเล็กจำนวนมาก ถามเรื่องอะไร
Gangnus

คำตอบ:


131

แก้ไข : ฉันยังคงคำตอบที่คล้ายกัน แต่เชิงลึกมากขึ้นที่: 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

43
น่ารังเกียจและสิ่งที่ไม่ได้ทันทีชัดเจน: boundary=---------------------------9051914041544843365972754266เป็นสองยัติภังค์สั้นแล้วขอบเขตที่เกิดขึ้นจริงในข้อมูล นี่เป็นเรื่องยากมากที่จะเห็นว่ายัติภังค์ทั้งหมดพันกัน
ชื่อปลอม

1
curl --trace-ascii <logfilename> ..... ยังสะดวกในการดูข้อมูลที่ส่งและรับ
Craig Hicks

curl -trace <logfilename> ....จะแสดงไบนารีด้วย สะดวกในการสังเกต <LF> เทียบกับ <CR> <LF>
Craig Hicks

@FakeName - ขอบเขตนั้นถูกสร้างขึ้นโดยอัตโนมัติโดย curl
Craig Hicks

6
ขอบเขตเสมอ - สั้นกว่า ตัวคั่นส่วน MIME (ขอบเขต) แต่ละตัวจะมีเครื่องหมายขีดคั่นพิเศษสองอันที่ด้านหน้าและตัวคั่นขอบเขตต่อท้ายจะมีขีดกลางพิเศษสี่ขีด: สองอันที่ด้านหน้าและสองอันที่ส่วนท้าย
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 นี้ซึ่งเป็นไปได้ที่จะรวมส่วนหัวแบบหลายส่วน / แบบผสมในข้อมูลหลายส่วน / แบบฟอร์มเพียงแค่เลือกสตริงขอบเขตอื่นภายในมัลติพาร์ท / ผสมและใช้อันนั้นเพื่อรวมข้อมูล ในตอนท้ายคุณต้อง "ปิด" ขอบเขตทั้งหมดที่ใช้ใน 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'
Craig Hicks
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.