Ícone do site Conrado Diório

Pegar valores de um input type=”file” multiple com jQuery.

Quando queremos fazer o upload de múltiplos arquivos usamos no nosso form:

<input id="campo_upload" type="file" multiple="multiple" />

As vezes é necessários processarmos alguma coisa no cliente usando os nomes dos arquivos enviados, nesse caso, usando jQuery, podemos fazer assim:

var files = $("#campo_upload")[0].files;

for (var i = 0; i < files.length; i++){
    alert(files[i].name);
}

Isso é útil quando queremos listar os arquivos selecionados, ou então, precisamos de fazer upload de um arquivo por vez; ao invés de enviarmos todos em um único post.




Sair da versão mobile