Comment puis-je télécharger de manière fiable des fichiers URL de données en JavaScript sur différents navigateurs ?

Téléchargement de fichiers d'URL de données

La capacité de JavaScript à télécharger des fichiers à partir d'URL de données est limitée, en particulier dans Chrome. Cela devient un obstacle lorsque vous travaillez sur des projets qui impliquent le téléchargement de fichiers directement depuis le navigateur, comme la création d'un utilitaire zip basé sur le navigateur.

Cependant, il existe une solution pour télécharger des fichiers URL de données d'une manière compatible avec Chrome et Firefox :

Création de liens de téléchargement

Au lieu de définir window.location, une meilleure approche consiste à créer un fichier temporaire élément, définissez son attribut de téléchargement sur le nom de fichier souhaité et définissez son href sur l'URL des données. Cette méthode fonctionne sur les principaux navigateurs :

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");