ローカルファイル内のフォルダ、ファイルをinputを使わず検索

Question

今、入力された文字列でローカルのフォルダ名を検索し、ヒットしたフォルダ内にあるファイルを一覧で表示したいです。

フォルダ
sample.html//検索に使うファイル
aaa-bbb.html
-ccc.html

sample.htmlでaaaという名前のフォルダがあるか検索。
あれば、aaaフォルダ内のファイルを表示。
この場合であれは、bbb.htmlとccc.htmlのファイルがリンクつきでリストで表示される。
なければnullかfalseが返るというプログラムです。

これを作りたいのですが、ぐぐりましたが、inputでファイルを指定する方法しか見当たりません。
私はユーザがフォルダを選んで検索するのではなく、javascriptのコード内で検索し、htmlファイルのリンクを表示させたいです。なので、読み込み時に実行するのでinputもonclick等のアクションリスナーも使いません。

方法が思いつかなくて困っています。
お力を貸していただきたいです。よろしくお願いします。

---

下記のサイトなどを見て、これを使えば表示させらるんじゃないかと思っていました。
検索に使う文字列は、GPSで位置情報を取得した際の住所(都道府県名)になります。なので、GPSで位置を取得から検索したhtmlファイルの表示までをブラウザ側でやることを考えていました。
サーバから取得はできればしたいのですが、今は時間がなく、ローカルで動けばいいです。

ときどきWeb HTML5のFile APIでローカルファイル情報取得してやんよ!!!

Answer 1

ファイル、フォルダは Web サーバ側にあって、そのリストを表示するHTMLを生成したいということですよね？

そうであれば、HTML内の JavaScript だけで実装することは不可能です。クライアント（HTML内のJavaScript）からサーバ側のファイルシステムに直接アクセスすることはできず、フォルダやファイルの一覧を取得することができないからです。

Web サーバ側でフォルダを巡回してその内容を JSON などで返す API サービスを作成し、これにクライアントからアクセス(HTTP GET）するようにされてはいかがでしょうか？

Answer 2

インターネット上でのページという話でしたらできません。
仮にそれができてしまうと、WEB上でユーザーの知らない間にローカルの情報を取得しほうだいとなってしまい、とてもセキュリティ上よくないものとなります。
ですので、ユーザーアクションを介さないとできない仕様となっています。

ただし、デスクトップアプリとして作成するのでしたら、ElectronやNW.js等で作成すれば可能と思います。