Wie kann ich lokale Textdateien in meinem Browser lesen?

Vorgehensweise beim Lesen lokaler Textdateien im Browser

Sie stehen vor Herausforderungen beim Lesen lokaler Textdateien in Ihrem Browser. Um dieses Problem anzugehen, sollten Sie Folgendes berücksichtigen:

1. Integrieren Sie die Fetch-API

Die Einführung der Fetch-API bietet einen optimierten Ansatz zum Abrufen von Daten aus URLs und ersetzt die XMLHttpRequest-Methode. Implementieren Sie es so:

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // Process the "text" content
  })
  .catch((e) => console.error(e));

2. Vermeiden Sie file:///

Moderne Browser schränken den direkten Zugriff auf das Dateisystem streng ein. Um dies zu umgehen, vermeiden Sie die Verwendung von file:///-Präfixen.

3. Verwenden Sie einen Webserver für lokale Tests

Anstatt sich auf file:/// zu verlassen, verwenden Sie einen einfachen Webserver, wie zum Beispiel:

• python -m http.server

Dadurch können Sie über Standard-HTTP-URLs auf Ihre Daten zugreifen und so den Zugriff erschweren Einschränkungen.

Originallösung

Um XMLHttpRequest-Probleme zu behandeln, gehen Sie wie folgt vor:

• Überprüfen Sie beim Laden lokaler Dateien den Status 0.

function readTextFile(file) {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", file, false);
  rawFile.onreadystatechange = function () {
    if (rawFile.readyState === 4)  {
      if (rawFile.status === 200 || rawFile.status == 0) {
        var allText = rawFile.responseText;
        console.log(allText);
      }
    }
  }
  rawFile.send(null);
}

• Geben Sie file:// in Ihrer Datei an Pfad.

readTextFile("file:///C:/your/path/to/file.txt");

Das obige ist der detaillierte Inhalt vonWie kann ich lokale Textdateien in meinem Browser lesen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!