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), то у меня такой проблемы нет.

1

Решение

Не уверен на 100%, но вы можете попробовать использовать beforeSubmit функция ajaxForm?

var ajaxFormOptions =
{
beforeSubmit: function()
{
alert("Your action before here");
}
};

$('#pictureUpload').ajaxForm(ajaxFormOptions);
0

Другие решения

Если вы хотите перехватить отправку в пользовательской функции 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)
{

});
0

По вопросам рекламы [email protected]