Javascript フォルダ形式でファイル出力

Question

Javascriptで数個のファイル作成し、
onclick時に、フォルダ形式でまとめて出力したいのですが
javascriptでは上記のような処理は可能でしょうか？

ご教授いただければ幸いです。

試したこと

単一のバイナリファイルでしたらBlobを用いて作成できることは確認できました

Comments

[yambejp]

> フォルダ形式

とはなんでしょう？

[friskblack]

言葉足らずで申し訳ございません。
windowsでいうようなディレクトリのことを示したつもりで、

C-
--A.txt
--B.txt

のような形を想定していました

Answer 1

onclick時に、フォルダ形式でまとめて出力したい（中略）可能でしょうか？

出力が「画面上への表示」という意味なら、ツリー表示する yambejp さんの回答通りです。

「試したこと」の項目より
単一のバイナリファイルでしたらBlobを用いて作成できる

もし、「ブラウザが稼働するマシンのファイルシステム関連操作」を意図しているのであれば、回答は できませんとなります。

---

ブラウザ側のJavaScriptでは、ブラウザ利用者（ウェブページ閲覧者）のOS上にあるファイルシステム関連操作には強い制限がかかります（セキュリティ上の理由）。

できることといえば、ファイル選択ダイアログを経由した、単一または複数のファイルの取り扱いになり（ダウンロード時は、ブラウザ内での「ダウンロード先の設定」次第）、フォルダに対する操作（作成・移動・削除）はできません。

代替案としては、jszip.js などのライブラリを用いて、単一の圧縮ファイルを生成する（ダウンロードさせる）方法があります。
一般的な閲覧者にも扱いやすい形になるのではないでしょうか（Windowsユーザであれば、「圧縮フォルダ」として中身を操作できるはずです）。

---

NodeJS を応用してネイティブアプリ化するような状況(Electronなど)ですと、普通にNodeJSの実装を用いてディレクトリ操作もできそうですが、それについては割愛します。

Comments

[friskblack]

回答ありがとうございます。
疑問が解決いたしました。

jszipのどのライブラリを用いたいと思います。

Answer 2

よくわからないですがul-liなどリスト形式で表示すればよいのでは？