Jquery 不刷新url的表单提交

我的密码在这里

<form action="/custom/moustache/save_image" method="post" enctype="multipart/form-data">
        <input type="file" name="image_data" id="imageLoader"/>
        <input type="submit" value="Submit"/>
      </form>

请有人帮助我如何在不刷新URL的情况下提交文件。

HTML5:

HTML4:使用iframe并提交

<iframe id="uploadTrg" name="uploadTrg" height="0" width="0" frameborder="0" scrolling="yes"></iframe>

<form id="myForm" 
    action="http://example.com/file-upload-service" method="post"    
    enctype="multipart/form-data"  target="uploadTrg">

    File: <input type="file" name="file">
    <input type="submit" value="Submit" id="submitBtn"/>

</form>

文件：

然后

$（“iframe”）.load（函数（）{
警报（“文件已上载”）；
$.post（$）http://example.com/file-upload- 
服务？do=getLastFile'，null，函数（附件）{
$（“#AjaxResultSet”）.append（“+attachment.name+”：”+
附件.id”“）；
}“json”）；
}); 

当你说没有url刷新时，你的意思是根本没有页面刷新？您需要使用某种AJAX，jQuery AJAX将是一个不错的选择。请阅读先生，请帮助我如何使用AJAX提交我的页面，因为在表单中我有一个文件标记。如果您不关心提交的输出，只需在表单上指定隐藏iframe的id即可。最简单。按照这个例子

$("iframe").load(function(){

alert("The file is uploaded");


$.post('http://example.com/file-upload- 
     service?do=getLastFile',null,function(attachment){

     $("#ajaxResultTest").append("<h4>" + attachment.name + ":" +
                                     attachment.id "</h4>");

 },'json');
});