Właściwość Input FileUpload files

Obiekt DOM Input FileUpload HTML

Definicja i użycie

files Właściwość zwraca obiekt FileList, który reprezentuje jeden lub kilka plików wybranych za pomocą przycisku przesyłania plików.

Poprzez obiekt FileList można uzyskać nazwę, rozmiar i zawartość pliku.

Właściwość jest jedynie odczytowa.

Przykład

Wybierz jeden lub kilka plików za pomocą przycisku przesyłania plików i wyświetl informacje o wybranych plikach:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Wybierz jeden lub kilka plików.";
  } 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 += "Nazwa: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Rozmiar: " + file.size + " bajtów <br>;
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Spróbuj sam

Gramatyka

fileuploadObject.files

Szczegóły techniczne

Zwracana wartość: Obiekt FileList, reprezentujący wybrane pliki.

Wsparcie przeglądarki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie 10.0 Wsparcie Wsparcie Wsparcie

Obiekt DOM Input FileUpload HTML