html - que - Ejemplo de multipart/form-data
formulario para subir archivos en html (2)
Me pregunto si alguien puede compartir conmigo un ejemplo de multipart / form-data que contenga:
- Algunos parámetros de forma
- Múltiples archivos
¡Muchas gracias a la respuesta de @Ciro Santilli! Descubrí que su elección de límite es bastante "infeliz" porque todos estos guiones: de hecho, como @Fake Name comentó, cuando usa su límite dentro de la solicitud, viene con dos guiones más en el frente:
Ejemplo:
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--
Encontré en esta página w3.org que es posible encapsular encabezado multipart / mixed en multipart / form-data, simplemente seleccionando otra cadena de límite dentro de multipart / mixed y usando esa para encapsular datos. Al final, debe "cerrar" todos los límites utilizados en orden FILO para cerrar la solicitud POST (como:
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--
Eche un vistazo al enlace de arriba.
EDITAR : Estoy manteniendo una respuesta similar, pero más detallada en: https://.com/a/28380690/895245
Para ver exactamente qué está sucediendo, use nc -l o un servidor ECHO y un agente de usuario como un navegador o cURL.
Guarde el formulario en un archivo .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>
Crea archivos para cargar:
echo ''Content of a.txt.'' > a.txt
echo ''<!DOCTYPE html><title>Content of a.html.</title>'' > a.html
Correr:
nc -l localhost 8000
Abra el HTML en su navegador, seleccione los archivos y haga clic en enviar y verifique la terminal.
nc imprime la solicitud recibida. Firefox enviado:
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--
Alternativamente, cURL debe enviar la misma solicitud de POST que su formulario de navegador:
nc -l localhost 8000
curl -F "text=default" -F "[email protected]" -F "[email protected]" localhost:8000
Puedes hacer múltiples pruebas con:
while true; do printf '''' | nc -l localhost 8000; done