HTML5 と JavaScript を使用してブラウザにファイルを直接保存するにはどうすればよいですか?

HTML5/JavaScript を使用したファイルの保存

Web 開発機能の強化を目指して、HTML5 と JavaScript は、次のようなさまざまなタスクに堅牢な機能を提供します。ファイルの保存。従来のアプローチにはサーバーとの対話が必要ですが、これらのテクノロジーを使用すると、ブラウザでファイルを直接作成してダウンロードすることができます。

JavaScript ソリューション

効率的な JavaScript ソリューションの 1 つは、次のリンクを使用してダウンロード可能function:

function download(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  pom.setAttribute('download', filename);

  if (document.createEvent) {
    var event = document.createEvent('MouseEvents');
    event.initEvent('click', true, true);
    pom.dispatchEvent(event);
  } else {
    pom.click();
  }
}

使用法

ファイルをダウンロードするには、目的のファイル名とコンテンツを引数として download() 関数を呼び出すだけです:

download('test.txt', 'Hello world!');

このアプローチにより、ファイルをメモリに保存できるため、サーバーリクエストやファイルシステムへのアクセスが不要になり、シームレスで安全なダウンロードエクスペリエンスが提供されます。ユーザー。

以上がHTML5 と JavaScript を使用してブラウザにファイルを直接保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。