提出されたディレクトリ名からHTML形式の画像のリスト

Question

私は希望しているこの機能に対する回答をSOで検索しましたが、私は必要なのはややユニークですか？

入力要素があり、サブフォルダ名を入力してsubmitを押すと、指定したフォルダ内のイメージ名のリストがPHPなどで生成されます。これは地元で、何も幻想的ではありません。

<form action="Make_List.php" method="post"> 
<input type=text name="location"/> 
<input type=submit/> 
</form> 

<div id="List_Generated"> //desired output. 
<span>A.jpg</span> 
<span>B.jpg</span> 
<span>C.jpg</span> 
<span>D.png</span> 
</div> 

私はMake_List.phpに何を入れるのか、それともローカルで作業するのか分かりません。私はこれをオンラインで見つけました：

//path to directory to scan 
$directory = "../images/team/harry/" (+ sub-folder name); 

//get all image files with a .jpg extension. 
$images = glob($directory . "*.jpg"); 

//print each file name 
foreach($images as $image) 
{ 
echo $image; 
} 

しかし、Firefoxは何をするかわからないので、.phpファイルを開いたり保存したりするように求められます。 SO（ローカル部分）に関するいくつかの同様の質問は、私がこれのためにPHPを必要としないことを暗示していますか？

ヒントや参考になると便利です。

Answer 1

PHPが処理するサーバー環境を必要とします。自分のコンピュータでローカルにサーバーを実行できます。 Googleのインストールapache + php。 PHP言語をサポートするホスティングがあれば、そこでコードをテストすることができます。

あなたのウェブブラウザはPHPコードを実行しません。インタプリタはスクリプトとそのモジュールを実行して、PHPインタプリタをhttpサーバ、すなわちapacheに接続します。 Apacheは、コードを実行し、特定のモジュールで.phpを処理するように指示された場合、結果を返します。ここで

Answer 2

使用

//path to directory to scan 
$directory = "full/path/to/images/team/harry/" . $_POST['location']; 

foreach (glob($directory."*.jpg") as $filename) { 
    echo $filename; 
} 

Answer 3

は、サブディレクトリを入力するあなたは、不要で作業するためのより良い例です。

<?php 
//Get subfolder list 
$folders = glob('../images/team/harry/*',GLOB_ONLYDIR); 
?> 

<form action="" method="post"> 
<select name="location" onchange="javascript:this.form.submit()"> 
<option>-Choose Subdir-</option> 
<?php 
foreach($folders as $folder){ 
    echo '<option value="'.basename($folder).'">'.basename($folder).'</option>'.PHP_EOL; 
} 
?> 
</select> 
</form> 

<?php 
//List of files once post was submitted 
if(isset($_POST['location'])){ 
    echo '<div id="List_Generated">'; 
    $files = glob('../images/team/harry/'.basename($_POST['location']).'/*.jpg'); 
    foreach($files as $file){ 
     echo '<span>'.basename($file).'</span>'.PHP_EOL; 
    } 
    echo '</div>'; 
} 
?> 

Answer 4

はい、この種のものを行うことができますが、制限を次のように：

• HTML5（doctypeとマークアップ）を使用する必要があります。
• Google Chromeのみ（現在）
• 一般的なファイルシステムではなく、アプリケーション固有の「サンドボックス」領域のみです。

現実には、コンピュータまたは各コンピュータの環境が管理されているイントラネット内のコンピュータに限られています。大規模なインターネットではありません。

私は専門家ではなくhere's a good introductionです。少なくとも、イントロと「ディレクトリの内容を読む」というセクションを読んでおく必要があります。