Wie kann JavaScript Daten zum Herunterladen in eine Datei schreiben?

Schreiben von Daten in eine Datei in JavaScript

Während JavaScript das Schreiben von Dateien nicht nativ unterstützt, kann dies dennoch durch den cleveren Einsatz von Blobs erreicht werden und URL.createObjectURL.

Browser ermöglichen die Erstellung von Dateien mit diesen Methoden. Aus Sicherheitsgründen ist das direkte Speichern erstellter Dateien jedoch untersagt. Stattdessen kann dem Benutzer ein Download-Link bereitgestellt werden. Browser unterstützen möglicherweise das Attribut „Download“, mit dem Sie einen Dateinamen vorschlagen können.

Der folgende Code stellt eine Funktion zum Generieren einer Textdatei aus gegebenem Text bereit:

var makeTextFile = function (text) {
  var data = new Blob([text], {type: 'text/plain'});
  return window.URL.createObjectURL(data);
};

Zum Initiieren Für einen Download aus einem Textbereich können Sie den folgenden Code verwenden:

var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

create.addEventListener('click', function () {
  var link = document.createElement('a');
  link.setAttribute('download', 'info.txt');
  link.href = makeTextFile(textbox.value);
  document.body.appendChild(link);

  // simulate mouse click on link to start download
  var event = new MouseEvent('click');
  link.dispatchEvent(event);
  document.body.removeChild(link);
});

Das obige ist der detaillierte Inhalt vonWie kann JavaScript Daten zum Herunterladen in eine Datei schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!