javascript - 提交表单时显示图像？

Question

一旦用户在我的表单上点击提交，我想使用 Javascript 显示工作/加载图像。该表格用于上传视频，因此上传文件可能需要一段时间。文件上传完成后，页面会重新加载，因此加载图像将不再可见。

谁能帮我解决这个问题？

<form method="POST" enctype="multipart/form-data" action=""> 
<input type="hidden" name="MAX_FILE_SIZE" value="5120000" /> 
<input type="hidden" name="upload" value="yes"> 

First Name: <input type="text" name="firstname"><br> 

Email: <input type="text" name="email"><br> 

Email Confirmation: <input type="text" name="email2"><br> 

Video Title: <input type="text" name="title"><br> 

Video Description: <input type="text" name="description"><br> 

Video to upload: <input type="file" name="uploadedfile"><br> 

Terms: <input type="checkbox" name="terms"> Must be checked to accept our terms of service.<br><br> 

<input type="submit" value="Upload Video"> 

</form> 

Answer 1

使用 jquery:您可以在 document.ready 中使用如下内容

$("form").submit(function() { //you can assign id to your form and used that id instead of form
$("#iamgeid").show();
return true;
});