Wie kann ich ohne direkten Zugriff auf das Dateisystem auf lokale Dateien in JavaScript zugreifen?

Zugriff auf lokale Festplattendateien in JavaScript

Das direkte Öffnen lokaler Festplattendateien in JavaScript ist aus Sicherheitsgründen nicht zulässig. Um auf Daten aus lokalen Dateien zuzugreifen, sind alternative Methoden erforderlich.

Verwenden von FileReader für den lokalen Dateizugriff

Ein Ansatz besteht darin, die FileReader-API zu verwenden, die eine Möglichkeit dazu bietet Lesen Sie den Inhalt einer Datei, ohne dass ein direkter Dateizugriff erforderlich ist. Hier ist eine Beispielimplementierung:

function readSingleFile(e) {
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
    var contents = e.target.result;
    displayContents(contents);
  };
  reader.readAsText(file);
}

function displayContents(contents) {
  var element = document.getElementById('file-content');
  element.textContent = contents;
}

document.getElementById('file-input')
  .addEventListener('change', readSingleFile, false);

In diesem Beispiel:

• Ein Dateieingabeelement mit der ID „file-input“ wird definiert.
• Wenn eine Datei Wird über die Dateieingabe ausgewählt, wird die Funktion „readSingleFile“ ausgelöst.
• Das FileReader-Objekt wird verwendet, um die ausgewählte Datei als zu lesen Text.
• Der „onload“-Ereignishandler des FileReader ist so definiert, dass er den Abschluss des Dateilesevorgangs verarbeitet.
• Die Funktion „displayContents“ übernimmt den gelesenen Dateiinhalt und zeigt ihn in einem HTML-Element mit an ID „Dateiinhalt“.

Durch die Verwendung des FileReader-Ansatzes können Sie innerhalb des clientseitigen JavaScript-Codes auf lokale Dateidaten zugreifen und diese so weiterverarbeiten oder den Dateiinhalt anzeigen.

Das obige ist der detaillierte Inhalt vonWie kann ich ohne direkten Zugriff auf das Dateisystem auf lokale Dateien in JavaScript zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!