Heim >Web-Frontend >js-Tutorial >Wie kann ich Daten-URL-Dateien zuverlässig über verschiedene Browser herunterladen?

Wie kann ich Daten-URL-Dateien zuverlässig über verschiedene Browser herunterladen?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-07 03:39:11649Durchsuche

How Can I Reliably Download Data URL Files Across Different Browsers?

Daten-URL-Dateien herunterladen

Während Sie die Feinheiten der Entwicklung eines browserbasierten Zip-/Unzip-Dienstprogramms erkunden, stoßen Sie beim Herunterladen auf eine Herausforderung die verarbeiteten Dateien. Während die Verwendung des Schemas „data:“ in Firefox funktioniert, treten in Chrome Kompatibilitätsprobleme auf. Um dieses Problem zu beheben, finden Sie hier eine alternative Lösung, die in mehreren Browsern funktioniert:

Die Funktion „downloadURI“ bietet eine konsistente Möglichkeit zum Herunterladen von Daten-URL-Dateien in Chrome, Firefox und einigen Versionen von Internet Explorer. Es erstellt dynamisch einen Download-Link im DOM, legt den gewünschten Dateinamen mithilfe des Attributs „Download“ fest und leitet den Download-Vorgang ein. Nach Abschluss wird der Link entfernt, um eine ordnungsgemäße Bereinigung sicherzustellen.

Verwendung:

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;
}

Beispiel:

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

Durch die Implementierung dieser Lösung können Sie einen robusten und browserübergreifenden Mechanismus zum Herunterladen von Dateien von Daten-URLs bereitstellen. Dadurch können Benutzer die extrahierten Dateien problemlos aus Ihrem ZIP-/Unzip-Dienstprogramm in ihren Browsern abrufen.

Das obige ist der detaillierte Inhalt vonWie kann ich Daten-URL-Dateien zuverlässig über verschiedene Browser 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