Пытаюсь сделать загрузку изображений на сервер с помощью Node.js и Ajax. В качестве примера взят пост с хабра https://habrahabr.ru/post/229743/. Помогите, пожалуйста сделать правильно. Выдается ошибка: Uncaught TypeError: Cannot read property 'file' of undefined
мои попытки загрузки:
function preperaDataFormToAjax(formId) {
var formObj = {};
var inputs = $('#' + formId).serializeArray();
console.log('inputs', inputs);
$.each(inputs, function (i, input) {
formObj[input.name] = input.value;
});
return JSON.stringify(formObj);
}
$("#addPhoto").on('submit', function (e) {
e.preventDefault();
var photoFile = this.filePhoto[index];
var data = preperaDataFormToAjax('addPhoto');
data.append('uploadFile', photoFile.file);
$.ajax({
url: '/addPhoto',
type: 'POST',
data: data,
dataType: "json",
contentType: 'application/json',
success: function (response) {
var message = photoFile.element.find('td.message');
if (response.status == 'ok') {
message.html(response.text);
file.element.find('button.uploadPhoto').remove();
} else {
message.html(response.errors);
}
},
xhr: function () {
var xhr = $.ajaxSettings.xhr();
}
});
});
Сборка персонального компьютера от Artline: умный выбор для современных пользователей