Как передать файлы через $http-запрос?

Question

[KOPC1886]

Всем привет!

Есть форма.
Собираю с нее данные в массив и передаю этот массив через $http-запрос. Все работает. Но в форме есть множественная загрузка файлов, реализованная через angular-file-upload. Как сделать, чтобы файлы и массив передались одновременно? У меня на странице ajax.php ,куда приходит запрос есть различные экшены.
Мне надо допустим, чтобы файлы загруженные и массив передались по экшену addService. Как это сделать?
Сейчас это происходит так - сначала передается массив, а после него отправляется запрос с файлами по одному.

Answer 1

[Pavel Shvedov]

Я бы предложил перед отправкой данных собрать их в FormData, Туда можно и файлы и обычные данные запихнуть, и потом отправить эту FormData на сервер. MDN FormData API

UPD:
Вспомнил, что применял похожее у себя давненько:

var fd = new FormData();
fd.append('file', file);
$http.post('/api/saveimage/', fd, {
	transformRequest: angular.identity,
        headers: {'Content-Type': undefined}
})

Туда же напихать все остальное и отправить

Comments

[KOPC1886]

Pavel Shvedov я передаю по одному файлу на сервер и возвращаю каждый раз id файла. Куда пишется этот результат?

[Pavel Shvedov]

$http.post().success(function(data, status, headers, config) {}).error(function(data, status, headers, config) {}); В методах success и error принимаем колбеки обрабатывающие или положительный (200) или отрицательный ответ от сервера, возможно стоит поискать возвращаемый id в поле data колбека переданного в success

[KOPC1886]

Pavel Shvedov: file-upload там вот так задается.
$scope.uploader = new FileUploader({
url: '/services-catalog/api/',
formData: [{action: 'uploadTmpFile'}],
autoUpload: true
});