Input FileUpload files eigenschap

HTML DOM Input FileUpload object

Definitie en gebruik

files De eigenschap retourneert een FileList-object dat de een of meerdere bestanden vertegenwoordigt die zijn geselecteerd met de knop voor het uploaden van bestanden.

Via het FileList-object kunnen de naam, grootte en inhoud van de bestanden worden verkregen.

Deze eigenschap is alleen leesbaar.

Voorbeeld

Gebruik de knop voor het uploaden van bestanden om een of meerdere bestanden te kiezen en toon informatie over de geselecteerde bestanden:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Kies een of meerdere bestanden.";
  } 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 += "Naam: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Grootte: " + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Try it yourself

Syntax

fileuploadObject.files

Technical details

Return value: FileList object, representing the selected files.

Browser support

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

HTML DOM Input FileUpload object