Own products

Tutorial
- HTML / CSS
- JavaScript
- jQuery
- Others
- Photoshop / Illustrator
- PHP
- WordPress
Freebie
Introduce
Material
- Design
- Marketing
- Mobile
- Others
- SEO / SEM
- Technology
Extra
- Information
- Recommend
週間ブックマーク
- カテゴリーなし

Freebie

2009
04/13

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

この記事の読了時間：約2分36秒

ツイート

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

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

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

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

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

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

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

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

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

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

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

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

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

使用上の注意

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

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

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

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

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

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

使用上の注意

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

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

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

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

使い方次第ではかなり便利なこのスクリプト。自分は「サーバ内のリアルタイム確認＆簡易ダウンローダ」として使用しています。

他にもなにか良い使用法とか思いついたら、教えてくれたらいいと思うよ。うん。

ツイート

関連する記事

同じカテゴリーの記事

コメント一覧

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

kia より：

2010/04/25 11:02 AM

これ便利ですね。
イントラ用サーバに突っ込んでファイルサーバーとして使わせていただきました。
フォルダ、ファイルともに日本語表記でも問題ないですしとっても便利です。
更新もフォルダに入れるだけ…。事務所の子だけでも更新可能ですね。

smkn より：

2010/04/25 1:55 PM

>kia さん

見た目でサーバ内の様子がすぐわかるので、確かにITに疎い方でもカンタンに使えますね。

是非ともバリバリ活用しちゃってくださいー♪

コメントを投稿する

Search

Memo log

»一覧を見る

Popular posts

Contact

Blog parts

Affiliate

Useful links

Dropboxデバイスを選ばないオンラインストレージ。
tenpu無広告のおしゃれなファイル転送サービス。
ギガファイル便大容量ファイル(25GB)にも対応の転送サービス。
aguse.jpURLからサーバやドメイン管理者などを取得。
SimilarWeb競合サイト解析ツール。
Google Web Fonts PreviewGoogle Fontsの全フォントを任意の文字で一覧化。
PageSpeed Insightsサイトの読み込み時間と問題箇所をスコア化。
Entity LookupHTML特殊文字を類似文字から逆引き出来るサービス。
PHP Live Regexpreg_matchのマッチング結果を出力。
10 Minute Mail時間延長可能なワンタイムメールサービス。
ご利用環境チェックツール自分のIP/HOST、OS、ブラウザ、解像度などを表示。
Akinator頭に浮かべた人物を当てる超能力サービス。