Javascript 在选择文件时提交文件上载/表格

我想使用下面的表单，并在用户选择文件时以某种方式调整它以提交表单。我该怎么做

<div id=uploadform style="width:500px;margin-left:auto;margin-right:auto;">
    <form enctype="multipart/form-data" action='' method='POST'> 
        <input type="file" name="imagefile" class=browse>
        <input type='submit' value='Upload' class=uploadsubmit onClick="if($('#loading').css('display') == 'none') { $('#loading').show('fast'); $(this).hide('fast'); };">
        <input type='hidden' value='1' name='submitted' /> 
    </form> 
</div>
<div id=loading style="display:none;">
    <img src=uploading.gif>
</div>

由于按钮将不存在（理想情况下），我如何在提交后仍然显示我的图像加载层

---

为了澄清，我希望submit按钮本身消失，当用户选择文件时，提交表单并显示“加载层”。

您可以捕获提交事件：

$("#uploadform form").submit(function()
{
    $("#uploadform").hide();
    $("#loading").show();
});

---

您可以对file元素使用onChange事件处理程序，但已知存在浏览器不兼容问题，不过jquery可能可以为您处理这些问题。当然，在事件处理程序中，您将提交表单并显示加载对话框。但是，如果要避免刷新页面，则必须在IFrame中提交表单，否则加载对话框将不会显示很长时间…：）

我应该在哪里暗示这一点？在文件输入上内联？还是在页首？或者？？可能需要调整，以便第3行仅隐藏按钮$（“#uploadsubmit”）.hide（）；很可能您会将它放在包含$（document.ready（function（）{}）的脚本标记的文档头部；