2012-04-16 54 views
0

我有一個包含文件輸入和上傳按鈕如何列出成功上傳的文件名稱?

<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標籤「名單」)我想要上傳文件的名稱。所以當一個文件成功上傳時,它應該顯示上傳文件的名稱。如果第二個文件已成功上傳,則會在第一個文件的名稱下方顯示上傳的第二個文件的名稱。 這是可能的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; 
}​ 

此功能在FOMR相同的頁面,但不是在同一頁上載腳本,但在上傳腳本中使用此JavaScript代碼此功能對調用如下:

<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; 

回答

0

你的PHP回調應該包含ŧ他當前上傳的文件的名稱,甚至是所有上傳文件的數組。

然後,在stopImageUpload功能,讀取第二參數和操縱#list accordinly(更新/添加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; 
}​ 
+0

我包括PHP代碼在那裏的文件上傳到服務器。你是說在這段代碼中:'window.top.window.stopImageUpload(<?php echo $ result;?>);'我需要echo $ _FILES [「fileImage」] [「name」]'? – user1324106 2012-04-16 16:16:24

+0

是的,那個JS會在文件上傳的時候執行,不是嗎? – Bergi 2012-04-16 16:20:19

+0

是的,JS函數被調用,所以如果我回聲'$ _FILES [「fileImage」] [「name」]'?在回調函數中,然後我只需要知道它是如何在JavaScript函數中編碼以在span標記「list」中添加所有文件名的? – user1324106 2012-04-16 16:25:50