Propriété files de l'élément Input FileUpload

Objet FileUpload DOM HTML

Définition et utilisation

files Cette propriété retourne un objet FileList, représentant un ou plusieurs fichiers sélectionnés à l'aide du bouton de téléversement de fichiers.

Par l'objet FileList, vous pouvez obtenir le nom, la taille et le contenu des fichiers.

Cette propriété est en lecture seule.

Exemple

Utilisez le bouton de téléversement de fichiers pour sélectionner un ou plusieurs fichiers et affichez les informations sur les fichiers sélectionnés :

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Sélectionnez un ou plusieurs fichiers.";
  } 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 += "Nom : " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Taille : " + file.size + " octets <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Essayez-le vous-même

Syntaxe

fileuploadObject.files

Détails techniques

Valeur de retour : Objet FileList, représentant les fichiers sélectionnés.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

Objet FileUpload DOM HTML