FileReader: Methode readAsText()

Hinweis: Dieses Feature ist verfügbar in Web Workers.

Die readAsText()-Methode des FileReader-Interfaces wird verwendet, um den Inhalt des angegebenen Blob oder File zu lesen. Wenn der Lesevorgang abgeschlossen ist, ändert sich die readyState-Eigenschaft zu DONE, das loadend-Ereignis wird ausgelöst und die result-Eigenschaft enthält den Inhalt der Datei als Textzeichenfolge.

Hinweis: Die Blob.text()-Methode ist eine neuere, auf Promises basierende API, um eine Datei als Text zu lesen.

Hinweis: Diese Methode lädt den gesamten Inhalt der Datei in den Speicher und ist daher nicht für große Dateien geeignet. Bevorzugen Sie für große Dateien readAsArrayBuffer().

Syntax

readAsText(blob)
readAsText(blob, encoding)

Parameter

blob: Das Blob oder die File, aus der/dem gelesen werden soll.
encoding Optional: Ein String, der die zu verwendende Kodierung für die zurückgegebenen Daten angibt. Standardmäßig wird UTF-8 angenommen, wenn dieser Parameter nicht angegeben ist.

<input type="file" onchange="previewFile()" /><br />
<p class="content"></p>

JavaScript

function previewFile() {
  const content = document.querySelector(".content");
  const [file] = document.querySelector("input[type=file]").files;
  const reader = new FileReader();

  reader.addEventListener(
    "load",
    () => {
      // this will then display a text file
      content.innerText = reader.result;
    },
    false,
  );

  if (file) {
    reader.readAsText(file);
  }
}

Ergebnis

Spezifikationen

Specification
File API # readAsDataText

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

FileReader