Отправка файлов ajax+php

[horprogs]

Всем привет!

Реализовал отправку файлов через phpmailer. Все работает. Хотел сделать это без перезагрузки страницы. Узнал, что для отправки файлов нужно использовать FormData. Замечательно. Нашел статью как все настроить, но не работает! Можно сказать все точь-в-точь как в примере, только у меня все равно переходит на страницу php, указанную в action.

Может быть кто-то сталкивался и знает в чем может быть дело?

 

Руководствовался: http://positron-it.ru/stati/otpravlenie_soobwenij_s_vlozheniem_po_ajax/

Правда по всему видимому автор в примере забыл указать action в форме. 

[horprogs]

Исправил ошибку. Весь сыр-бор был из-за того, что я поместил скрипт до формы. 

А так, все работает замечательно. 

Всем спасибо за отзывчивость)

[mrnobody]

Вам нужно отменить действие по умолчанию при клике на кнопку:

$('#submitbutton').click(function(event) {  event.preventDefault();    var formData = new FormData($('#formmail')[0]);   $.ajax({    …    });});

Но лучше вешать событие не на нажатие кнопки, а на отправку формы (можно форме id добавить):

$('form').submit(function(event) {  event.preventDefault();  var formData = new FormData($('#formmail')[0]);   $.ajax({    …    });});

[horprogs]

У меня было отменено действие по умолчанию.. Но все равно переходит на php страницу. Может быть я забыл что то сделать еще..

PHP: http://pastebin.com/iUmyNP06

Вот код:

 $('#send_form').submit(function(event){    	event.preventDefault();    var formData = new FormData($('#send_form')[0]); //Получение данных из формы        $.ajax({        type: "POST",        processData: false,        contentType: false,        url: 'send.php',         data: formData,        success: function(result){       $('#send_form').remove();        $('.success').html(result);}    });//закрытие ajax запроса, при успешной отправке выведет ответ от php файла});

Сама форма:

<form action="send.php" enctype="multipart/form-data" method="post" class="send overlay" id="send_form">		<div class="lab_resume">Ваше резюме < 1мб</div>			<div class="fileform">				<div class="selectbutton">Прикрепить</div>				<label for ="upload" id="labelform">Ваше резюме < 1мб</label>				<input type="file" name="upload" required id="upload" onchange="getName(this.value);" />			</div>			<input type="submit" value="Отправить" id="sendbutton">		</form>

Edited September 14, 2015 by horprogs

[rus]

F12 - смотрите что пишет в консоли.

[horprogs]

А происходит перенаправление на файл php, выводится сообщение об успешной отправки и все. В консоли нет ничего

[rus]

Правда по всему видимому автор в примере забыл указать action в форме.

дык в этом то все и дело, автор не забыл, просто action там не нужен, вместо него как раз используется ajax, вот у вас и не срабатывает он.

[horprogs]

А прикол в том, что в исходном коде примера у автора есть action. И меня это смутило.

А в моем случае, если я убираю action сервер выдает ошибку 405 Not allowed. 

Консоль: Failed to load resource: the server responded with a status of 405 (Not Allowed)

Сейчас меня терзают сомнения может быть дело то в сервере, а не в коде..

Edited September 14, 2015 by horprogs