ajaxForm делает перенаправление страницы вместо отправки данных обратно
Здравствуйте, я пытаюсь загрузить изображение на свой сервер, используя 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), то у меня такой проблемы нет.
Решение
Не уверен на 100%, но вы можете попробовать использовать beforeSubmit функция ajaxForm?
var ajaxFormOptions =
{
beforeSubmit: function()
{
alert("Your action before here");
}
};
$('#pictureUpload').ajaxForm(ajaxFormOptions);
Другие решения
Если вы хотите перехватить отправку в пользовательской функции 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)
{
});