アップロードされたファイル名を表示すると思われる imageNameArray を追加する際に問題があります。
問題は、以前に 3 つのファイル (cat.png、dog.png、pig.png) をアップロードしたとします。ページを更新して別のファイル (panda.png) をアップロードすると、ファイルをアップロードすると「 panda.png'. ただし、代わりに、以前にアップロードされたファイル (pig.png) の名前を追加するだけで、panda.png は追加しません。
表示内容:
pig.png
そのはず:
panda.png
monkey.png などの別のファイル (ページを更新しない) をアップロードすると、再び pig.png が追加されます。monkey.png はありません。
表示内容:
pig.png
pig.png
そのはず:
panda.png
monkey.png
上記のようにファイル名を追加するように、以下のコードを修正するにはどうすればよいですか?
以下は、追加が発生する JavaScript コードです。
<?php
session_start();
$idx = count($_POST ['fileImage']) -1 ;
$output = isset($_POST ['fileImage'][$idx]) ? $_SESSION ['fileImage'][$idx]['name'] : "";
?>
function stopImageUpload(success){
var imageNameArray = ['<?php echo $output ?>'];
var result = '';
if (success == 1){
result = '<span class="msg">The file was uploaded successfully!</span><br/><br/>';
for(var i=0;i<imageNameArray.length;i++)
{
$('.listImage').append(imageNameArray[i]+ '<br/>');
}
}
else {
result = '<span class="emsg">There was an error during file upload!</span><br/><br/>';
}
return true;
}
以下は、上記の JavaScript 関数から別のページにあるファイルをアップロードする php スクリプトです。
<?php
session_start();
$result = 0;
$errors = array ();
$dirImage = "ImageFiles/";
if (isset ( $_FILES ['fileImage'] ) && $_FILES ["fileImage"] ["error"] == UPLOAD_ERR_OK) {
$fileName = $_FILES ['fileImage'] ['name'];
$fileExt = pathinfo ( $fileName, PATHINFO_EXTENSION );
$fileExt = strtolower ( $fileExt );
$fileDst = $dirImage . DIRECTORY_SEPARATOR . $fileName;
if (count ( $errors ) == 0) {
if (move_uploaded_file ( $fileTemp, $fileDst )) {
$result = 1;
}
}
}
$_POST ['fileImage'][] = array('name' => $_FILES ['fileImage']['name']);
?>
<script language="javascript" type="text/javascript">window.top.stopImageUpload(<?php echo $result;?>);</script>