0

Ao Abrir a janela de seleção dos arquivos ele deixa eu selecionar múltiplos arquivos, OK!.

Porém após abrir os arquivos se o usuário clicar novamente para abrir mais arquivos ele limpa a seleção anterior... Como fazer ele deixar a seleção anterior e somar a nova seleção ?


<input type="file"  name="imagem[]" id="imagem[]" class="form-control" multiple="multiple" >

0

1 Resposta 1

1

Penso que você poderia utilizar um Event Listener como no exemplo que fiz abaixo. Assim, em cada novo input, você adiciona um File, ou mais, na Array inputFiles.

Ao clicar em Remover o File é eliminado da array.

Depois basta enviar para o back end a Array inputFiles.

var inputFiles = [];

function newInput(input) {
  var filesStr = "";

  for (let i = 0; i < input.files.length; i++) {
    inputFiles.push(input.files[i]);
    filesStr += "<li>" + input.files[i].name + "<button onclick='removeLi(this)'>Remover</button>" + "</li>";
  }

  document.getElementById("file-input").value = "";

  document.getElementById("dp-files").innerHTML += filesStr;
}

function removeLi(e) {
  inputFiles = inputFiles.filter(function(file) {
    return file.name !== e.parentNode.innerHTML.split("<button")[0];
  })
  e.parentNode.parentNode.removeChild(e.parentNode);
}
<form id='form' action='' method='post' enctype='multipart/form-data'>

  <input id='file-input' class='file-input' type='file' name='file' onchange="newInput(this)" multiple='multiple' />

</form>

<ul id="dp-files"></ul>

8
  • Obrigado pela sua ajuda.. porem preciso que ele mostre automático sem o botão "mostrar arquivos" e também um botão deletar individual por arquivo selecionado. Commented 14/02/2019 às 18:20
  • @RichardBarcelos - Conforme você solicitou editei a resposta original, acrescentando um sistema de delete e armazenamento dos arquivos em um array. Commented 14/02/2019 às 20:00
  • Beleza. Mais surgiu outra dúvida rsrsr Desculpe. Como eu pegaria o array inputFiles ? se eu der um print_r no array ele ira me retornar? Fiquei confuso nessa parte, geralmente dou um post['']; se puder me dar essa dica agraço :) Commented 14/02/2019 às 20:36
  • Da uma olhadinha vê se essa outra pergunta te ajuda :D stackoverflow.com/questions/45531155/… Commented 14/02/2019 às 22:31
  • Não estou usando json para pegar ou passar os dados, estou usando codeigniter tentei pegar assim ja no meu controller $files = $_FILES['inputFiles']; porem sem sucesso Commented 15/02/2019 às 1:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .