jquery - 单击文件提交后加载图像

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的元素，默认情况下是隐藏的。