Отслеживать загрузку нескольких файлов в угловом $ http

Я пытаюсь загрузить несколько файлов, используя код ниже.

Сценарий: Я записываю видео с вопросом 1, затем он загружается через $http.post(). при загрузке первого вопроса записываются 2-й вопрос, и он отправляется. Это продолжается до последнего вопроса.

Проблема: когда я загружаю первый файл, uploadEventHandlers показывает прогресс правильно, и я могу отслеживать его прогресс, но когда одновременно загружаются несколько вопросов, я не могу отслеживать ход нескольких файлов по отдельности.

Как я могу отслеживать ход каждого файла отдельно? Ниже приведен фрагмент рабочего кода. Пожалуйста, предложите изменения.

var fd1 = new FormData();
fd1.append('iid', iid); //invitation id
fd1.append('qid', scope.$root.current_que + 1); //question id
scope.cq = scope.$root.current_que + 1;
scope.$apply();
fd1.append('file', this.recordedData);
//console.log();
scope.uploading = true;
scope.$root.waitforupload = true;
$http.post(scope.opts.uploadUrl, fd1, {
    transformRequest: angular.identity,
    headers: {
        'Content-Type': undefined
    },
    eventHandlers: {
        progress: function(c) {
            console.log('Final : ' + c.loaded + ' of ' + c.total);
        }
    },
    uploadEventHandlers: {
        progress: function(e) {
            console.log("Current : " + e);
            console.log("Uploading Question " + (scope.cq) + " : " + Math.round((e.loaded / e.total) * 100) + "%");
        }
    },
}).then(function(response) {
   //Other Snippet
});

javascript,angularjs,http,upload,

1

Ответов: 0

Отслеживать загрузку нескольких файлов в угловом $ http

Я пытаюсь загрузить несколько файлов, используя код ниже.

Сценарий: Я записываю видео с вопросом 1, затем он загружается через $http.post(). при загрузке первого вопроса записываются 2-й вопрос, и он отправляется. Это продолжается до последнего вопроса.

Проблема: когда я загружаю первый файл, uploadEventHandlers показывает прогресс правильно, и я могу отслеживать его прогресс, но когда одновременно загружаются несколько вопросов, я не могу отслеживать ход нескольких файлов по отдельности.

Как я могу отслеживать ход каждого файла отдельно? Ниже приведен фрагмент рабочего кода. Пожалуйста, предложите изменения.

var fd1 = new FormData();
fd1.append('iid', iid); //invitation id
fd1.append('qid', scope.$root.current_que + 1); //question id
scope.cq = scope.$root.current_que + 1;
scope.$apply();
fd1.append('file', this.recordedData);
//console.log();
scope.uploading = true;
scope.$root.waitforupload = true;
$http.post(scope.opts.uploadUrl, fd1, {
    transformRequest: angular.identity,
    headers: {
        'Content-Type': undefined
    },
    eventHandlers: {
        progress: function(c) {
            console.log('Final : ' + c.loaded + ' of ' + c.total);
        }
    },
    uploadEventHandlers: {
        progress: function(e) {
            console.log("Current : " + e);
            console.log("Uploading Question " + (scope.cq) + " : " + Math.round((e.loaded / e.total) * 100) + "%");
        }
    },
}).then(function(response) {
   //Other Snippet
});

01JavaScript, angularjs, HTTP, загрузить,
Похожие вопросы