Quando se vai enviar um arquivo para o servidor é necessário usar uma codificação que permita enviar dados binários juntamente com dados de formulário.
Normalmente um POST sem arquivos no formulário possui um corpo com o seguinte formato:
campo1=1234&campo2=Miguel&campo3=30
Esse formato é idêntico ao formato da query-string na URI.
Note que não seria possível enviar um arquivo binário com esse formato, a não ser que fosse transformado em algum formato de texto, tal como base-64. Mas esse não é o caso, pois base-64 ou qualquer outra codificação de texto iria sem dúvida aumentar o tamanho do request.
Para isso existe um formato de codificação que permite o envio de dados binários: multipart/form-data
.
Codificação multipart/form-data
Essa codificação é que permite transmitir para o servidor os arquivos em formato binário mesmo. Está definida no protocolo HTTP 1.1 seção 3.7.2 Multipart Types (rfc1867).
O formato de codificação consta em gerar separadores aleatórios, e separar cada campo do formulário com esse separador.
Veja um exemplo de POST usando esta codificação: (exemplo deste site)
POST /diretorio/arquivo HTTP/1.0
Host: www.dominio.com.br
Content-type: multipart/form-data, boundary=AaB03x
Content-Length: 381
--AaB03x
content-disposition: form-data; name="campo1"
1234
--AaB03x
content-disposition: form-data; name="campo2"
Miguel
--AaB03x
content-disposition: form-data; name="arquivo1"; filename="minha-foto.jpg"
Content-Type: image/jpeg
Content-Transfer-Encoding: binary
ÿØÿà�JFIF��`�`��ÿî�Adobe�d����ÿá]Exif��MM�*����2�������b;�������vGF�������GI�����?������
--AaB03x--
Algumas regras de formação do conteúdo:
Cabeçalho Content-type
: deve ser multipart/form-data; boundary=$divisor-aleatorio
substituindo o divisor aleatório por algo realmente aleatório e com chance quase 0 de se repetir no conteúdo do arquivo binário ou em qualquer campo enviado.
Cabeçalho Content-Length
: deve possuir o tamanho do request, contando desde o primeiro divisor (no exemplo anterior é--AaB03x
), até o último caractere do terminador (``--AaB03x--)
Para cada campo ou arquivo:
- adicionar o divisor
- adicionar cabeçalhos da divisão:
content-disposition: form-data
name="nome-do-campo-no-html"
- se for arquivo:
filename="nome-do-arquivo-sendo-enviado"
: somente se for arquivo
Content-Type: image/jpeg
: tipo mime do arquivo
Content-Transfer-Encoding: binary
- pula uma linha, e então envia os dados
- logo que terminar já vem outro divisor do próximo campo ou o terminador
- adicionar terminador
Submetendo form
com multipart/form-data
No HTML, para indicar que deseja usar a codificação multipart/form-data
, basta incluir na tag form
o atributo enctype="multipart/form-data"
Documentação da tag form
na MDN
Segundo a documentação da MDN, isso é necessário quando se usa um input
com type="file"
.
file_get_contents()
que eu observei no link que me enviou, e o código que gera é igual ao do POST no facebook(a parte estranha), ou seja, a imagem não foi codificada, aquele código todo ali é o conteúdo da imagem, agora resta a dúvida é, como eu recebo todo esse código na outra página e interpreto para ele virar uma imagem?