JavaScript はどのようにしてダウンロード用のファイルにデータを書き込むことができますか?

JavaScript でのファイルへのデータの書き込み

JavaScript はネイティブでファイルの書き込みをサポートしていませんが、Blob を賢く使用することで実現できます。および URL.createObjectURL.

ブラウザでは、これらのメソッドを使用してファイルを作成できます。ただし、セキュリティ上の理由から、作成したファイルを直接保存することは禁止されています。代わりに、ダウンロード リンクをユーザーに提供できます。ブラウザは、ファイル名を提案できる「ダウンロード」属性をサポートしている場合があります。

以下のコードは、指定されたテキストからテキスト ファイルを生成する関数を提供します。

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

開始するにはテキストエリアからダウンロードするには、次のコードを使用できます:

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

以上がJavaScript はどのようにしてダウンロード用のファイルにデータを書き込むことができますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。