 |
|
||||
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: input type file Element/Object |
Como retornar a quantidade de arquivos que o usuário selecionou em um input type fileQuantidade de visualizações: 4134 vezes |
Em algumas situações nós precisamos saber quantos arquivos o usuário selecionou em um elemento input type file. Para isso podemos usar a propriedade length do FileList que representa a lista de arquivos no input file. Veja o exemplo a seguir:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Estudos JavaScript</title>
</head>
<body>
<form>
<input id="arquivo" onChange="contarArquivos()" name="arquivo" multiple type="file">
</form>
<script type="text/javascript">
function contarArquivos(){
// vamos obter uma referência ao elemento file
var arquivo = document.getElementById("arquivo");
// agora vamos obter a quantidade de arquivos que o usuário selecionou
Note que tiramos proveito do evento onChange() do input file para obter a informação desejada no exato momento que o usuário escolhe o(s) arquivos(s). Neste exemplo eu criei um input file multiple, ou seja, o usuário pode escolher mais de um arquivo por vez (em geral pressionando a tecla Ctrl para múltiplas seleções). |
 Link para compartilhar na Internet ou com seus amigos: |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
