Input FileUpload files Eigenschaft

HTML DOM Input FileUpload Objekt

Definition und Verwendung

files Diese Eigenschaft gibt das FileList-Objekt zurück, das eine oder mehrere Dateien darstellt, die mit dem Dateiupload-Button ausgewählt wurden.

Über das FileList-Objekt können Sie den Namen, die Größe und den Inhalt der Datei abrufen.

Diese Eigenschaft ist schreibgeschützt.

Beispiel

Wählen Sie eine oder mehrere Dateien aus dem Dateiupload-Button aus und zeigen Sie Informationen zu den ausgewählten Dateien an:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Wählen Sie eine oder mehrere Dateien aus.";
  } 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 += "Name: " + file.name + "<br>";
      }
      if ('size' in file) {
        txt += "Größe: " + file.size + " Bytes <br>";
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Versuchen Sie es selbst

Syntax

fileuploadObject.files

Technische Details

Rückgabewert: FileList-Objekt, das die ausgewählten Dateien darstellt.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 10.0 Unterstützung Unterstützung Unterstützung

HTML DOM Input FileUpload Objekt