正常にアップロードされたファイルの名前を一覧表示するにはどうすればよいですか？

Question

I

<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='stopImageUpload(this);' class='imageuploadform' > 
    <p class='imagef1_upload_form' align='center'><label>Image File: <input name='fileImage' type='file' class='fileImage' /></label> 
     <input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label> 
    </p> 
    <p><span class='list></span></p> 
</form> 

は、今、私が何をしたいファイル入力およびアップロードボタンが含まれているAAフォームがある持っているイメージは、（spanタグ「リスト」に）このフォームの下部に、アップロードが完了した場合にはIアップロードされたファイルの名前が必要です。したがって、ファイルが正常にアップロードされると、アップロードされたファイルの名前が表示されます。 2番目のファイルが正常にアップロードされた場合、アップロードされた2番目のファイルの名前が最初のファイルの名前の下に表示されます。 Javascriptでこれは可能ですか？

ファイルのアップロードはすべてphpおよびjavascriptで整理されています。アップロードが完了した後、以下のjavascript関数は次のとおりです。

function stopImageUpload(success) { 
    var result = ''; 
    if (success == 1) { 
     result = '<span class="msg">The file was uploaded successfully!</span><br/><br/>'; 
    } 
    else { 
     result = '<span class="emsg">There was an error during file upload!</span><br/><br/>'; 
    }; 
    return true; 
}​ 

この関数は、JavaScriptコードを使用してこの関数を呼び出すんfomrで同じページにではなく、アップロードスクリプトと同じページではなく、アップロードスクリプトであります以下：以下

<script language="javascript" type="text/javascript">window.top.window.stopImageUpload(<?php echo $result; ?>);</script> 

それがサーバーにファイルをアップロードアップロードPHPコードの一部です：

move_uploaded_file($_FILES["fileImage"]["tmp_name"],"ImageFiles/" . $_FILES["fileImage"]["name"]); 
$result = 1; 

Answer 1

あなたのPHPのコールバックはトンが含まれている必要があります現在アップロードされているファイルの名前、またはすべてのアップロードされたファイルの配列です。

そして、stopImageUpload関数で、その第二のパラメータを読み取ってaccordinly #listを操作（更新追加/ HTML）：

<ul id="list"></ul> 

function stopImageUpload(success, filename) { 
    var result; 
    if (success == 1) 
     result = '<li class="msg">The file '+filename+' was uploaded successfully!</li>'; 
    else 
     result = '<li class="emsg">There was an error during upload of file '+filename+'!</li>'; 
    $('#list').append(result); 
    return true; 
}​