Heim >Web-Frontend >js-Tutorial >Wie kann ich Dateien von Daten-URLs in verschiedenen Browsern herunterladen?

Wie kann ich Dateien von Daten-URLs in verschiedenen Browsern herunterladen?

Susan Sarandon
Susan SarandonOriginal
2024-11-28 00:19:10457Durchsuche

How Can I Download Files from Data URLs in Different Browsers?

Dateien über Daten-URLs herunterladen

Beim Bestreben, ein JavaScript-basiertes Zip-Dienstprogramm zu erstellen, auf das über einen Browser zugegriffen werden kann, entsteht eine entscheidende Herausforderung: Herunterladen von Dateien von Daten-URLs. Während Firefox damit problemlos zurechtkommt, bereitet Chrome Schwierigkeiten. Das Einbeziehen von Daten-URLs für Dateidownloads birgt Einschränkungen, da es sich bei den Dateien möglicherweise nicht immer um Bilder handelt.

Eine Workaround-Lösung

Für Chrome, Firefox und bestimmte IE-Versionen ein Workaround existiert. Mithilfe des folgenden Codes können Benutzer einen bestimmten Dateinamen für den Download angeben:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

Ein Beispiel für die Verwendung:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");

Mit dieser Problemumgehung können Benutzer Dateien mühelos herunterladen mit gewünschten Dateinamen, unabhängig von deren Formaten.

Das obige ist der detaillierte Inhalt vonWie kann ich Dateien von Daten-URLs in verschiedenen Browsern herunterladen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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