Ajax jquery表单插件不工作

我编写了一个代码，将表单提交到另一个页面，而无需像ajax那样加载。我使用jquery表单插件。但问题是它不起作用。 这是我的密码

<div id='preview'></div>
<form  action='ajaxcall.php' id='upload_pic' enctype='multipart/form-data' method='post'>

<input type='file' id='pic' name='picture'>
<input type='button' id='sub'>
</form>
<script type="text/javascript" src='jqueryform.js'></script>
<script>
var options=
{
 target:'#preview',
 url:'ajaxcall.php',
 success:function(){

document.getElementById("upload_pic").reset();
}
};

$(document).ready(function(){
$("#sub").click(function(){
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
    $('#upload_pic').ajaxForm(options).submit();
    });
});
</script>

var期权=
{
目标：“#预览”，
url:'ajaxcall.php'，
成功：函数（）{
document.getElementById（“upload_pic”）.reset（）；
}
};
$（文档）.ready（函数（）{
$（“#子”）。单击（函数（）{
$（“#预览”）.html（“”）；
$（'#upload_pic'）.ajaxForm（选项）.submit（）；
});
});

---

我知道ajaxForm（）函数不起作用。jquery文件在代码上方，工作正常。单击按钮后，页面自动重定向到ajaxcall.php页面。请帮助我找出错误。提前感谢。

在这种情况下，您需要使用ajaxSubmit

$(document).ready(function() {
    var options = {
        target : '#preview',
        url : 'ajaxcall.php',
        success : function() {
            document.getElementById("upload_pic").reset();
        }
    };

    $("#sub").click(function() {
        $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
        $('#upload_pic').ajaxSubmit(options);
    });
});

$（文档）.ready（函数（）{
变量选项={
目标：“#预览”，
url:'ajaxcall.php'，
成功：函数（）{
document.getElementById（“upload_pic”）.reset（）；
}
};
$（“#子”）。单击（函数（）{
$（“#预览”）.html（“”）；
$（'上传图片'）.ajaxSubmit（可选）；
});
});

再添加一个提交功能：

$(document).ready(function(){
  $('#upload_pic').submit(function(e){ // <---pass event here
      e.preventDefault();  //<----------------stop it here
  });
  $("#sub").click(function(){
     $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
     $('#upload_pic').ajaxForm(options).submit();
  });
});

$（文档）.ready（函数（）{
$（“#upload_pic”）.submit（函数（e）{//在使用jqueryform.js.之前是否包含jQuery.js脚本？控制台中有任何错误fire fox控制台中没有错误，但当页面加载google crome控制台显示“拒绝设置不安全的头”连接时'单击函数是否被调用？单击之所以被调用，是因为jquery.js工作正常，但表单插件不工作，因此ajaxForm（）或ajaxSubmit（）函数不工作。但为什么插件不工作