javascriptでローカル環境にファイルを保存する – FileSaver.js –
FileSaver,js は、ブラウザでファイルを生成し、ローカル環境にファイルを保存するライブラリ。
ブラウザの標準機能を使う場合、ユーザが明示的にダウンロード指示を出す必要があるだけでなく、ファイル名を指定しないといけないなど、何かと面倒くさい。このライブラリを使うことで、プログラム側で任意のタイミングでファイルを生成し、適切な名前を指定して保存することが可能になる。
HTML側 (ライブラリの読み込み)
1 | <script src="/jslib/FileSaver.js"></script> |
JavaScript側 (オブジェクトをJSON形式のファイルとして保存)
1 2 3 4 5 6 7 8 9 10 11 | var anObject = hoge();var space = 2;var fname = 'rw_station_aux.json'; var jsonString = JSON.stringify(anObject, null, space);// ファイルにしたい内容をJSON形式でシリアライズ// タイプを指定してBlobオブジェクトを生成。対象を [ ] で囲む。var blob = new Blob([jsonString], { type : 'text/plain'});// fnameで指定した名前でファイルを保存するsaveAs(blob, fname); |