顯示加載消息在PHP自我提交表格

Question

我有任何形式上傳視頻，這工作使用PHP/MySQL和提交PHP_SELF行動。如果上傳視頻= TRUE我打印的視頻是成功的，並且如果上傳視頻= FALSE我打印錯誤消息。

現在我需要點擊表示TRUE/FALSE上載消息之後提交按鈕和hidding加載消息後，顯示顯示加載消息或加載GIF動畫（使用jQuery）。任何方式來創建這個？

我的形式：

<?PHP 
if (isset($_POST['submit']) && $_POST['submit'] == 'uploadvideo') 
    { 
     //CHECK TRUE OR FALSE ..... 
    } 
if (isset($uploaded) && $uploaded == TRUE){?> 
    <div class="successbox">success upload!!!</div> 
<?PHP } 
if (isset($uploaded) && $uploaded == FALSE) 
    {?> 
    <div class="errorbox">error upload!!!</div> 
<?PHP } ?> 

    <form action="<?PHP echo URL . '/video.php?id=' . int($_GET['id']);?>" method="POST" enctype="multipart/form-data"> 
     <table width="100%" cellpadding="5" cellspacing="0" border="0"> 
     <input type="file" size="40" name="video_file" maxlength="50"> 
     <input type="Submit" name="submit" value="uploadvideo"> 
     </table> 
     </form> 

Answer 1

最簡單的一個快捷的解決方案是一個隱藏<div>元素添加到包含加載消息或gif動畫，你的表格，當你點擊提交按鈕，使用顯示<div>標籤jQuery的：

<form action="..." method="POST" enctype="multipart/form-data" onsubmit="$('#loading').show();"> 
    <div id="loading" style="display:none">Uploading...</div> 

    <table width="100%" cellpadding="5" cellspacing="0" border="0"> 
    <input type="file" size="40" name="video_file" maxlength="50"> 
    <input type="Submit" name="submit" value="uploadvideo"> 
    </table> 
</form> 

如果你想要的東西更看中的（像一個實際的進度條），你需要尋找到一個閃存解決方案（如swfupload）。

從PHP 5.4開始，您還可以在_SESSION（more details here）中找到上傳進度，但是在PHP 5.4剛發佈的時候，您不會發現許多已經擁有此功能的虛擬主機。