在php自提交表单中显示加载消息

Question

我有任何用于上传视频的表单，这可以使用 PHP / MySQL 并提交PHP_SELF操作。如果上传视频 = TRUE，则打印视频成功；如果上传视频 = FALSE，则打印错误消息。

现在，我需要在单击提交按钮后显示显示加载消息或加载 gif 动画（使用 jQuery），并在显示 TRUE/FALSE 上传消息后隐藏加载消息。有什么方法可以创建这个吗？

我的表格：

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

如果您想要更奇特的东西（例如实际的进度条），您需要研究 Flash 解决方案（例如swfupload）。

从 PHP 5.4 开始，您还可以在 _SESSION 中找到上传进度（更多详细信息请参见此处），但由于 PHP 5.4 刚刚发布，您不会发现很多网络主机已经拥有此功能。