Skip to main content
Adicionada a parte server-side
Fonte Link
André Leria
  • 5,2mil
  • 2
  • 24
  • 46

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...)
}

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.

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...)
}
Fonte Link
abfurlan
  • 10,7mil
  • 2
  • 23
  • 48

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.