单击文件提交后加载图像

Question

我允许注册用户向服务器提交图像.这里的问题是,如果图像的尺寸太大或者用户的互联网连接速度很慢(许多人仍然使用此处拨号),则需要一段时间才能提交.并且一些用户在图像处于加载过程中时一直单击提交按钮.在一个网站上,我看到一旦用户点击文件提交,表单就会消失并出现加载图片.我怎么能用jquery做到这一点？

<form method="POST" ENCtype="multipart/form-data" action="imageupload.asp?Process=Add"> 
<p align="center"><b>--- Upload Image ---</b><br> 
<input type="FILE" size="23" name="FILE"> 
<input type=submit value="Upload"> 
</p> 
</form> 

Answer 1

只需向表单添加一个提交事件处理程序

例如.这样的事情

$('form').submit(function(){
  $(this).hide();
  $('#loadingimage').show();
});

其中loadingimage是具有ID loadingimage的元素,默认情况下是隐藏的.