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

Daten-URL-Dateien herunterladen

Die Fähigkeit von JavaScript, Dateien von Daten-URLs herunterzuladen, ist begrenzt, insbesondere in Chrome. Dies stellt ein Hindernis dar, wenn Sie an Projekten arbeiten, bei denen Dateien direkt aus dem Browser heruntergeladen werden müssen, beispielsweise beim Erstellen eines browserbasierten ZIP-Dienstprogramms.

Es gibt jedoch eine Lösung, um Daten-URL-Dateien auf eine mit Chrome kompatible Weise herunterzuladen und Firefox:

Download-Links erstellen

Anstatt window.location festzulegen, besteht ein besserer Ansatz darin, einen temporären zu erstellen Element, setzen Sie sein Download-Attribut auf den gewünschten Dateinamen und setzen Sie sein href auf die Daten-URL. Diese Methode funktioniert in allen gängigen Browsern:

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

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