Ng-file-uploadショーアップロードインジケータ

Question

ng-file-uploadを使用していて、アップロードプロセス中にアップロードインジケータを表示したい、ドキュメントでこれを行う方法が見つかりませんでしたが、 ？

Answer 1

でも私はディレクティブを探していると、このいずれかを使用してみましたが、その後、私は私とconfigurと使いやすかったし、ドキュメントやデモのために働いていたより良いものに移動されましたが

物事が権利を取得するのに十分なされていますこの指示文を見てください： https://github.com/nervgh/angular-file-upload

Answer 2

thenメソッドの3番目の引数には進捗があります。

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-file-upload自体でライブできると思います。

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 
} 

：

この例を参照してください。