Wie kann ich Textdateien clientseitig ohne Serverinteraktion erstellen und herunterladen?

Erstellen von Dateien im Benutzerspeicher zum Herunterladen

Das Generieren von Textdateien auf der Clientseite und das Auffordern von Benutzern zum Herunterladen ohne Serverbeteiligung ist möglich. Dieser Ansatz umgeht aus Sicherheitsgründen das direkte Schreiben von Dateien auf den Computer des Benutzers.

Lösung für HTML5-Browser

Für HTML5-kompatible Browser ermöglicht Ihnen der folgende JavaScript-Code dies Erstellen Sie eine Datei und fordern Sie den Benutzer auf, eine Datei zu speichern:

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}

Um diesen Code zu verwenden, geben Sie den gewünschten Dateinamen und Textinhalt als Argumente an die download()-Funktion. Ein Linkelement wird mit der Daten-URL und dem Download-Attributsatz erstellt. Das Element wird dann unsichtbar gemacht, zum Dokumentkörper hinzugefügt, zum Starten des Downloads angeklickt und schließlich entfernt.

Diese Methode bietet eine einfache Lösung zum Generieren und Auffordern von Benutzern, Textdateien auf der Clientseite ohne Server zu speichern Interaktion.

Das obige ist der detaillierte Inhalt vonWie kann ich Textdateien clientseitig ohne Serverinteraktion erstellen und herunterladen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!