JQuery загрузка файла.

1

1

Не могу реализовать загрузку файла через JQuery(AJAX). Кроме файла перелаются ещё 2 input'а (имя и телефон).

Вот HTML:

 <div id = "divcform">
<form id = "vform" enctype = "multipart/form-data" action = "/php/send_mail.php" method = "POST">
<input name = "cname" type = "text" placeholder = "Имя" />
<input name = "cphone" type = "text" placeholder = "Телефон" />
<input name = "mail_file" type = "file" />
<input type = "button" value = "Отправить" onclick = "send_mail();" />
</form>
</div>
<div id = "divcout"></div>

Вот код JS:

function send_mail() {
	$.ajax({
		url:		'php/send_mail.php',
		type:		'POST',
		dataType:	'html',
		data:		$('#vform').serialize(),
		success:	function(response) {
			if(response == 2) {
				$('#divcout').css('color', '#FF0000');
				$('#divcout').html('Заполните все поля!');
			}
			else if(response == 1) {
				$('#divcout').css('color', '#00FF00');
				$('#divcout').html('Сообщение отправлено!');
			}
			else
				alert(response);
		},
		error: function(response) {
			$('#divcout').css('color', '#FF0000');
			$('#divcout').html('Ошибка соединения! Проверьте ваше соединение с Интернетом.');
		}
	});
}