Comment JavaScript peut-il écrire des données dans un fichier à télécharger ?

Écriture de données dans un fichier en JavaScript

Bien que JavaScript ne prenne pas en charge nativement l'écriture de fichiers, cela peut toujours être réalisé grâce à l'utilisation intelligente des blobs. et URL.createObjectURL.

Les navigateurs permettent la création de fichiers en utilisant ces méthodes. Cependant, pour des raisons de sécurité, la sauvegarde directe des fichiers créés est interdite. Au lieu de cela, un lien de téléchargement peut être fourni à l'utilisateur. Les navigateurs peuvent prendre en charge l'attribut "download", qui vous permet de suggérer un nom de fichier.

Le code ci-dessous fournit une fonction pour générer un fichier texte à partir d'un texte donné :

var makeTextFile = function (text) {
  var data = new Blob([text], {type: 'text/plain'});
  return window.URL.createObjectURL(data);
};

Pour lancer un téléchargement depuis une zone de texte, vous pouvez utiliser le code suivant :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!