Para upload múltiplo de arquivos o atributo name
do input
deve ser seguido de []
, assim os arquivos serão enviados como array
<form method="post" action="" enctype="multipart/form-data">
<input type="file" name="nome[]" multiple />
</form>
Se utilizado o atributo name
sem notação de array
, o servidor irá substituir o nome do arquivo anterior para o mais recente, usando a notação, você informa para o servidor que deseja ter vários campos com o mesmo nome, e esses são adicionados em um array
.
Complementando com a parte do servidor:
No servidor, os arquivos ficam numa array dentro de req.files.nome[0]
por exemplo. Note que a array é o primeiro item de req.files.nome
, e não o objeto em si. Inspecionando req.files.nome[0]
eu recebo um objeto com uma estrutura como essa:
[ { fieldName: 'nome[]',
originalFilename: 'Arquivo1.png',
path: 'caminho/local/temporario/do/arquivo.png',
headers:
{ 'content-disposition': 'form-data; name="nome[]"; filename="Arquivo1.
png"',
'content-type': 'image/png' },
ws:
{ _writableState: [Object],
writable: true,
domain: null,
_events: [Object],
_maxListeners: 10,
path: 'caminho/local/temporario/do/arquivo.png',
fd: null,
flags: 'w',
mode: 438,
start: undefined,
pos: undefined,
bytesWritten: 1008705,
closed: true },
size: 1008705,
name: 'Arquivo1.png',
type: 'image/png' }, // (outros arquivos...)
}
input
esta com colchetesinput type="file" name="nome[]" ...
, para ser enviado como array?