PHP｜ディレクトリ内の画像をソートで一つだけ表示

Question

このようなページを作っています。
画像をサーバー内のimgフォルダに保存して、保存された中から常に最新画像を表示させたいです。

現時点でフォルダに保存するところまでできていて、
画像の表示、ソートして更新順が最新のものを表示させることができていません。

$dir="img/";//画像保存場所
$pattern="/^[a-z0-9A-Z\-_]+.[a-zA-Z]{3}$/";//日本語無効

if($_SERVER["REQUEST_METHOD"]=="POST" && !empty($_POST)){//POSTかどうかチェック
	$action=$_POST["action"];//フォームボタンのvalue取得
	if($action=="updoad"){//アップロード
		$upfile=$_FILES["image"]["name"];//アップされたファイルを取得
		if(!empty($upfile)){//アップロードチェック
			if(!preg_match($pattern,$upfile)){
				$er["jp"]="日本語以外のファイル名に";
			}
			$ext=substr($upfile,-3);//画像の拡張子抜出しチェック
			if($ext!="jpg" && $ext!="gif" && $ext!="png"){
				$er["image"]="拡張子はjpg、gif、pngのみ可能";
			}else{
				$filelist=scandir($dir);
				foreach($filelist as $file){
					if(!is_dir($file)){
						if($upfile==$file){
							$er["double"]="過去のファイル名に同じ名前があります";
						}
					}
				}
			}
		}
		if(empty($er)){
			move_uploaded_file($_FILES["image"]["tmp_name"],$dir.$upfile);
		}
	}
}

<h1>編集画面</h1>
<div class="bigImg"><?php echo "<img src='img/".$file."' width='100%' />"; ?></div>
<form method="post" enctype="multipart/form-data" class="seminarFileImg">
	<input type="file" name="image">
	<input type="hidden" name="action" value="updoad">
	<input type="submit" name="button" value="画像を更新">
</form>

やりたいこと
・フォルダ内をソートして、更新順が最新の画像1枚だけを表示させたい。

宜しくお願い致します。

Comments

[m.ts10806]

ブラウザの「ソースを表示」で確認してもらいたいのですが「$file」を出力している箇所には想定通りの画像名入ってきてますか？そこは提示されている「編集画面」から参照できるパスになってますか？

[m.ts10806]

そのほか、変数が想定通りの場所に想定通りの値になっているかデバッグしてみてください（画像が正しくアップロードできている前提であれば、おそらくそれだけで解決できそうに思います）

[hati3693]

「画像を更新」ボタンを押した直後であれば画像が表示されますが、別のページからくると画像が表示されていない状態になってしまいます。画像の更新とは別に、フォルダー内の表示のみを左側に行いたいのですが可能でしょうか？

[m.ts10806]

別のページからくると、だとREQUEST_METHODは「GET」になります。 $_SERVER["REQUEST_METHOD"]=="POST" の指定があるため$fileが未定義になるからではないでしょうか。

Answer 1

scandir()によるファイルパス取得は今は画像のチェックだけのために行われているようですが、
$_SERVER["REQUEST_METHOD"]=="POST" 　の条件分岐があるため、フォームがPOST送信されたときしかファイルパス取得が行われません。
単なる画面アクセス時に画像を表示したいのであれば、scandir()によるファイルパス取得をしておく必要があります。
ただ、同じような処理を何度も書くのはよろしくないので、冒頭でファイルパスのリストを配列で取得する仕組みを入れておき、送信されたファイルとのチェックはその配列にあるかどうか（in_array()ですかね）でチェックすると良いでしょう。

Answer 2

OSがUnix／Linux系である前提です。

exec関数でコマンド実行させます。
"ls -t -1"で作成日時の新しい順に1行に1ファイル表示します。
$outputにはその結果が配列で入り、$output[0]には出力結果の先頭行が入ります。

// 拡張子の部分は任意で変更して下さい
exec ('ls -t -1 ディレクトリ指定/*.jpg', $output);
//あとは$output[0]を取得すれば最新のが取れるので、それをphp側でうにょうにょと取得させればいけるかと

※別回答のコピペです
参照先

Answer 3

ご回答ありがとうございました。
回答を参考にしてこのようにしたところ最新の画像が表示されたためこれでよしとします。
正直まだ理解度的には低いのでここから精査していこうとおもいます。

<h1>編集画面</h1>
<?php foreach($filesarray as $file){ echo "<img src='img/".$file."' width='100%' />"; } ?>
<form method="post" enctype="multipart/form-data">
<input type="file" name="image">
<input type="hidden" name="action" value="updoad">
<input type="submit" name="button" value="画像を更新">
</form>

$dir="img/";//画像保存場所
$pattern="/^[a-z0-9A-Z\-_]+.[a-zA-Z]{3}$/";//日本語無効

if($_SERVER["REQUEST_METHOD"]=="POST" && !empty($_POST)){//POSTかどうかチェック
	$action=$_POST["action"];//フォームボタンのvalue取得
	if($action=="updoad"){//アップロード
		$upfile=$_FILES["image"]["name"];//アップされたファイルを取得
		if(!empty($upfile)){//アップロードチェック
			if(!preg_match($pattern,$upfile)){
				$er["jp"]="日本語以外のファイル名に";
			}
			$ext=substr($upfile,-3);//画像の拡張子抜出しチェック
			if($ext!="jpg" && $ext!="gif" && $ext!="png"){
				$er["image"]="拡張子はjpg、gif、pngのみ可能";
			}else{
				$filelist=scandir($dir);
				foreach($filelist as $file){
					if(!is_dir($file)){
						if($upfile==$file){
							$er["double"]="過去のファイル名に同じ名前があります";
						}
					}
				}
			}
		}
		if(empty($er)){
			move_uploaded_file($_FILES["image"]["tmp_name"],$dir.$upfile);
		}
	}
}
date_default_timezone_set('Asia/Tokyo');
$expire = strtotime("3 month ago");
$filesarray = array();
$path = 'img/';
$fname = $path.$file;
$latest_mtime = 0;

if ($handle = opendir($path)) {
	while (false !== ($file = readdir($handle))) {
		if ($file != "." && $file != "..") {
			$filesarray[filemtime( $fname )] = $file;

		}
	}
	closedir($handle);
}
ksort($filesarray);

ありがとうございました。