FileReader: Methode readAsText()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

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