Ход загрузки файла Ajax ⇐ Jquery

[Anonymous]

Ну, я пытаюсь реализовать загрузку файлов с помощью Ajax и Php на своем локальном сервере Apache.

Код: Выделить всё

$('.uploadButton').click(function() {
var formData = new FormData($(this).closest('.fileUploadForm'));
$.ajax({
url: 'upload.php', //Server script to process data
type: 'POST',
xhr: function() { // Custom XMLHttpRequest
var myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) { // Check if upload property exists
myXhr.upload.onprogress = function(e) {
$('progress').attr({
value: e.loaded,
max: e.total
});
$(".progress-bar span").css('width', e.loaded);
};
}
return myXhr;
},
error: function(xhr, status, error) {
//$('.progressBarDiv progress').hide();
console.log('Error ' + xhr + "  " + status + "  " + error);
},
data: formData,
cache: false,
contentType: false,
processData: false
});

PHP-код

Код: Выделить всё

Ошибка

Код: Выделить всё

Notice[/b]:  Undefined index: file in [b]C:\Users\gopir\Server\Apache24\
\htdocs\front-page\upload.php[/b] on line [b]4[/b][b]

Notice[/b]:  Undefined index: file in [b]C:\Users\gopir\Server\Apache24
\htdocs\front-page\upload.php[/b] on line [b]6[/b]

There was an error uploading the file, please try again!   success

Строка, вызвавшая ошибку:

Код: Выделить всё

var formData = new FormData($(this).closest('.fileUploadForm'));

Если я изменю эту строку на

Код: Выделить всё

var formData = new FormData($('form')[0])

программа работает нормально.
Я могу видеть данные формы в консоли, установив точки останова в моем коде JavaScript.
Я меняю это, чтобы обеспечить функциональность загрузки нескольких файлов.
HTML

Код: Выделить всё

Upload

Как это можно исправить?


Подробнее здесь: https://stackoverflow.com/questions/301 ... d-progress