Heim > Web-Frontend > js-Tutorial > Wie kann JavaScript Daten zum Herunterladen in eine Datei schreiben?

Wie kann JavaScript Daten zum Herunterladen in eine Datei schreiben?

DDD
Freigeben: 2024-12-26 03:22:09
Original
1000 Leute haben es durchsucht

How Can JavaScript Write Data to a File for Download?

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);
};
Nach dem Login kopieren

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);
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage