Exemplo de multipart / form-data


103

Gostaria de saber se alguém pode compartilhar comigo um exemplo de multipart / form-data que contém:

  1. Alguns parâmetros do formulário
  2. Vários arquivos

2
Vá aqui: w3.org/TR/html401/interact/forms.html#h-17.13.4 Nele 17.13.4 Form content typesvocê encontrará o que procura.
Andrew Barber



O upload de várias partes carrega arquivos grandes por partes. O upload de vários arquivos carrega muitos arquivos pequenos. Sobre o que você está perguntando?
Gangnus

Respostas:


126

EDITAR : Estou mantendo uma resposta semelhante, mas mais detalhada em: https://stackoverflow.com/a/28380690/895245

Para ver exatamente o que está acontecendo, use nc -lou um servidor ECHO e um agente de usuário como um navegador ou cURL.

Salve o formulário em um .htmlarquivo:

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

Crie arquivos para fazer upload:

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

Corre:

nc -l localhost 8000

Abra o HTML em seu navegador, selecione os arquivos e clique em enviar e verifique o terminal.

ncimprime a solicitação recebida. 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--

Normalmente, cURL deve enviar a mesma solicitação POST que o formulário do seu navegador:

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

Você pode fazer vários testes com:

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

41
Coisas desagradáveis ​​e não imediatamente evidentes: boundary=---------------------------9051914041544843365972754266são dois hifens mais curtos do que os limites reais dos dados. Isso é muito, muito difícil de ver com todos os hífens amarrados juntos.
Nome falso de

1
curl --trace-ascii <logfilename> ..... também é útil para visualizar dados enviados e recebidos.
Craig Hicks

curl -trace <logfilename> ....também mostrará binário. Útil para observar <LF> vs <CR> <LF>.
Craig Hicks

@FakeName - Esse limite foi criado automaticamente pelo curl.
Craig Hicks

6
limite é sempre - mais curto. Cada separador de seção MIME (limite) contém dois traços extras na frente e o separador de limite final contém quatro traços extras: dois na frente e dois no final.
Sergey Kuznetsov

24

Muito obrigado a @Ciro Santilli resposta! Descobri que a escolha dele para o limite é bastante "infeliz" porque todos esses hífens: na verdade, como @Fake Name comentou, quando você está usando o seu limite interno da solicitação, ele vem com mais dois hifens na frente:

Exemplo:

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

Descobri nesta página w3.org que é possível encapsular cabeçalho multipart / mixed em multipart / form-data, simplesmente escolhendo outra string de limite dentro de multipart / mixed e usando essa para encapsular dados. No final, você deve "fechar" todos os limites usados ​​no pedido FILO para fechar a solicitação 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--

Dê uma olhada no link acima.


1
Por que você não separa todas as propriedades Content-Dispositioncom ;?
kelin

1
'> e <ncapsulate'
Craig Hicks
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.