jQueryを使ってディレクトリツリーを表示させるPHP、配布します！

「いま現在サーバの中にあるフォルダとファイルを表示する」という機能、つまり「ディレクトリツリー」。

先日、ちょいと必要になったので情報を探してみたところ、まさにそのまんまのスクリプトを丁寧な解説つきで掲載しているサイトがあるじゃありませんか！

しかもjQueryをオシャレに使って、表示部分にまで配慮が為されてる始末。

思い余って管理人さんに確認を取ったところ、紹介・改変・再配布も快諾してくださいました。

Lateral Codeさん、ありがとーございますっ！Thanx,Karthik!!

なので、今回のエントリーでは、その「いま現在サーバの中にあるフォルダとファイルを表示するPHP製ディレクトリツリー」を配布いたします。

jQueryを使って表示させるPHP製ディレクトリツリー

ファイルのダウンロードと使い方

下記よりzipファイルをダウンロードしてください。

Download

解凍しますと、中には「dir_tree.php」というPHPファイルが１つ入っております。

このファイルを、可視化したいディレクトリにぶっ込んでください。

あとは、アップロードしたファイルをブラウズすれば、あら不思議、フォルダ構成丸見えのディレクトリツリーが表示されるハズです。

試しに某レン鯖にて設置してみたので、デモ代わりに表示風景をご覧ください。

Demo view

使用上の注意

今回の再配布に際して、主にjQueryの挙動部分を改修しました。

元サイトではFisheye的だったjQueryの挙動をサックリとしたtoggleの挙動に修正し、一括で指定できるものは一括化しました。

また、元サイトではPHPファイルの他にJavaScriptファイルとCSSファイルを必要としていたのですが、より簡易に設置できるようにシンプルかつ必要最小限に、全てをまとめて１ファイルにしちゃいました。

配布するPHPファイル１つをサーバ内にアップロードするだけで、アップしたディレクトリ以下の全フォルダとファイルが視認出来るようになります。

スクリプトの細かい内容に関しては、ダウンロードしたファイルを分析するか、ネタ元サイトであるLateral Codeさんの記事をご参照ください。

英語ですが、もんのすごい詳細に解説なさっています。

使用上の注意

このスクリプトを設置すると、アップロードしたディレクトリ以下のフォルダ/ファイル構成が全て見えてしまいます。

セキュリティ的には「手の内が見える（内部構成がバレバレになる）」という意味での問題があります。

隠したいファイルは除外させるなど、くれぐれも使用には注意を払い、自己責任でお使いください。

また、当ファイルはＭＩＴライセンスで配布いたします(License:MIT-license)（MITに関しての解説エントリーはコチラ）。