アップロードされたファイル名を表示すると思われる imageNameArray を追加する際に問題があります。
問題は、以前に 3 つのファイル (cat.png、dog.png、pig.png) をアップロードしたとします。ページを更新して別のファイル (panda.png) をアップロードすると、ファイルをアップロードすると「 panda.png'. ただし、代わりに、以前にアップロードされたファイル (cat.png、dog.png、および pig.png) の名前を追加するだけで、panda.png は追加しません。
ページを再度更新して別のファイル (tiger.png) をアップロードすると、ファイルをアップロードすると「tiger.png」が表示されます。ただし、代わりに、以前にアップロードされたファイル (cat.png、dog.png、pig.png、panda.png) の名前を追加するだけで、tiger.png は追加しません。
monkey.png などの別のファイル (更新ページではない) をアップロードすると、再び cat.png、dog.png、pig.png、panda.png が追加されます。monkey.png はありません。
なんでこんなにズレてるの?私が欲しいのは、ファイルがアップロードされたときにその名前が追加されることですが、これをしたくありません:(
以下は、追加が発生する JavaScript コードです。
function stopImageUpload(success){
var imageNameArray = <?php echo json_encode(isset($_SESSION ['fileImage']) ? $_SESSION ['fileImage'] : null); ?>;
var result = '';
if (success == 1) {
result = '<span class="msg">The file was uploaded successfully!</span><br/><br/>';
console.log(imageNameArray);
for(var i=0;i<imageNameArray.length;i++) {
$('.listImage').append(imageNameArray[i]+ '<br/>');
}
console.log((imageNameArray instanceof Array ? 'for' : 'for-in'));
} else {
result = '<span class="emsg">There was an error during file upload!</span><br/><br/>';
}
return true;
}
以下は、ファイルをアップロードし、$_SESSION 変数がそのファイル名を取得する 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;
}
}
}
$_SESSION ['fileImage'][] = $_FILES ['fileImage']['name'];
?>
<script language="javascript" type="text/javascript">window.top.stopImageUpload(<?php echo $result;?>);</script>