Question

页面（http://www.squishypig.com/ft/uploads/）有一个上传脚本（如下所示）我希望能够在用户点击提交以提交文件时显示加载图片。

以下是相关代码：

<td width="500">
</td>
</tr>
</table>
<center>
<p>
<table>
<tr>
<td bgcolor="white">
<form action="/cgi-bin/upload.cgi" method="post" enctype="multipart/form-data">
<input type="File" name="FILE1">
<p>
<input type="File" name="FILE2">
<p>`
<input type="File" name="FILE3">
<p>
<input type="File" name="FILE4">
<p>
<input type="File" name="FILE5">
<p>
<input type="File" name="FILE6">
<p>
<input type="File" name="FILE7">
<p>
<input type="File" name="FILE8">
<p>
<input type="File" name="FILE9">
<p>
<input type="File" name="FILE10">
<p>

<input type="Submit" value="submit">

</form>
</td>
</tr>
</table>
</center>

我想在点击提交按钮时显示“加载”图片，但仍然保留旧功能（上传）。

提前致谢，马特

Answer 1

尝试使用JAVASCRIPT

<style>
    .hidden{display:none;}
    .show{display:block;}
</style>

function showImg() {
    x=document.getElementById("image")
    x.class="show";
}

<input type=submit id="Submit" onclick="showImg()"/>

Answer 2

试试这段代码：

<强> DEMO

<强> JS ：

 $("form").submit(function()
                 {
                     $("#load").show();
                 });

<强> CSS ：

#load
{
   position: fixed;
   background: #494944;
   opacity: 0.5;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   display:none;
}

单击按钮时显示和图像

2 个答案: