ajaxForm使页面重定向，而不是将数据发回

Question

你好，我尝试使用ajaxForm将图片上传到我的服务器。

我的问题是页面正在重定向到表单操作中的URL。

这是我的ajax代码：

$("#uploadPicture").html("<form action='actionFilters/TrainerActionFilter.php' method='post' enctype='multipart/form-data' id='pictureUpload'><input type='file' name='picture'/><input type='submit' name='pictureUpload' id='pictureUploadButton' value='Submit' />);
$('#pictureUpload').ajaxForm(function(data)
{
});

如果我把普通的ajax（而不是ajaxform）发送到同一个地址，我就没有这个问题。

Answer 1

不能100%确定，但您可以尝试使用ajaxForm的beforeSubmit函数吗？

var ajaxFormOptions = 
{
    beforeSubmit: function() 
    {
        alert("Your action before here");
    }
};  
$('#pictureUpload').ajaxForm(ajaxFormOptions);

Answer 2

如果您想在自定义js函数中捕获提交，请将onSubmit="return false;"添加到表单中

$("#uploadPicture").html("<form action='actionFilters/TrainerActionFilter.php' onSubmit='return false;' method='post' enctype='multipart/form-data' id='pictureUpload'><input type='file' name='picture'/><input type='submit' name='pictureUpload' id='pictureUploadButton' value='Submit' />");
$('#pictureUpload').ajaxForm(function(data)
{
});