Atributo files del Input FileUpload

Objeto FileUpload del DOM HTML Input

Definición y uso

files La propiedad devuelve el objeto FileList que representa uno o más archivos seleccionados con el botón de carga de archivos.

A través del objeto FileList, se puede obtener el nombre, el tamaño y el contenido del archivo.

Esta propiedad es de solo lectura.

Ejemplo

Utilice el botón de carga de archivos para seleccionar uno o más archivos y mostrar información sobre los archivos seleccionados:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Seleccione uno o más archivos.";
  } else {
    for (var i = 0; i < x.files.length; i++) {
      txt += "<br><strong>" + (i+1) + ". archivo</strong><br>";
      var file = x.files[i];
      if ('name' in file) {
        txt += "Nombre: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Tamaño: " + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Intente hacerlo usted mismo

Sintaxis

fileuploadObject.files

Detalles técnicos

Valor de retorno: El objeto FileList representa los archivos seleccionados.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 10.0 Soporte Soporte Soporte

Objeto FileUpload del DOM HTML Input