Atributo files do Input FileUpload

Objeto FileUpload do DOM HTML Input

Definição e uso

files A propriedade retorna o objeto FileList, representando um ou mais arquivos selecionados usando o botão de upload de arquivo.

Através do objeto FileList, é possível obter o nome, tamanho e conteúdo do arquivo.

Esta propriedade é de leitura.

Exemplo

Use o botão de upload de arquivo para selecionar um ou mais arquivos e exibir informações sobre os arquivos selecionados:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Selecione um ou mais arquivos.";
  } else {
    for (var i = 0; i < x.files.length; i++) {
      txt += "<br><strong>" + (i+1) + ". file</strong><br>";
      var file = x.files[i];
      if ('name' in file) {
        txt += "Nome: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Tamanho: " + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Experimente você mesmo

Sintaxe

fileuploadObject.files

Detalhes técnicos

Retorno: Objeto FileList, representa os arquivos selecionados.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 10.0 Suporte Suporte Suporte

Objeto FileUpload do DOM HTML Input