Input FileUpload files ominaisuus

HTML DOM Input TiedostoLähetys-objekti

Määrittely ja käyttötapa

files Ominaisuus palauttaa FileList-objektin, joka edustaa yhden tai useamman tiedoston valintaa tiedostonladattavaa painiketta käyttäen.

FileList-objektin avulla voidaan saada tiedoston nimi, koko ja sisältö.

Tämä ominaisuus on lukuinen.

Esimerkki

Valitse yksi tai useita tiedostoja tiedostonladattavaa painiketta käyttäen ja näytä valittujen tiedostojen tiedot：

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Valitse yksi tai useita tiedostoja.";
  } else {
    for (var i = 0; i < x.files.length; i++) {
      txt += "<br><strong>" + (i+1) + ". tiedosto</strong><br>";
      var file = x.files[i];
      if ('name' in file) {
        txt += "Nimi：" + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Koko：" + file.size + " tavuja <br>;
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Kokeile itse

Syntaksi

fileuploadObject.files

Tekninen yksityiskohta

Palautusarvo: FileList-objekti edustaa valittuja tiedostoja.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 10.0 Tuki Tuki Tuki

HTML DOM Input TiedostoLähetys-objekti