Ng-file-upload показать индикатор загрузки

Question

Я использую ng-file-upload и хочу показать индикатор загрузки во время процесса загрузки, я не нашел способ сделать это в документации, но может быть, есть способ ?

Answer 1

Даже я искал директивы и попытался использовать этот один, но потом я переехал к лучшему, что работал для меня, и было легко конф и использовать и документация и демо-версии достаточно, чтобы получить вещи прямо

Посмотрите на эту директиву: https://github.com/nervgh/angular-file-upload

Answer 2

Третий аргумент метода then имеет прогресс.

Upload.upload({ 
     url: 'upload/url', 
    }).then(function (resp) { 
     .... 
    }, function (resp) { 
     .... 
    }, function (evt) { 
     var progressPercentage = parseInt(100.0 * evt.loaded/evt.total); 
     console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name); 
    }); 

Answer 3

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

Смотрите этот пример:

Upload.upload({ 
    method: 'POST', 
    url: '/chat/upload', 
    data: {file: $this.files[0], name: $scope.sendTo} 
}).then($scope.uploadSuccess, $scope.uploadError, $scope.uploadProgress); 

$scope.uploadProgress = function(event) { 
    // calculate percent completed 
    $scope.loadingPercent = parseInt(100.0 * event.loaded/event.total); 
    // you can use this value in your upload indicator UI element 
}