Input FileUpload files egenskap

HTML DOM Input FileUpload-objekt

Definition och användning

files Egenskapen returnerar ett FileList-objekt som representerar en eller flera filer valda med filuppladdningsknappen.

Genom FileList-objekt kan du få tillgång till filens namn, storlek och innehåll.

Egenskapen är skrivskyddad.

Exempel

Använd filuppladdningsknappen för att välja en eller flera filer och visa information om de valda filerna:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Välj en eller flera filer.";
  } 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 += "Namn: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Storlek: " + file.size + " bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Prova själv

Syntax

fileuploadObject.files

Tekniska detaljer

Returvärde: FileList-objekt, representerar valda filer.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd 10.0 Stöd Stöd Stöd

HTML DOM Input FileUpload-objekt