吴文件上传显示上传指示器

Question

我正在使用ng文件上传，并希望在上传过程中显示上传指示器，我还没有找到在文档中这样做的方式，但可能有一种方法？

Answer 1

即使我一直在寻找一个指令，并试图用这一个，但后来我搬到了一个更好的为我工作，并很容易configur和使用，文档和演示都够得着的东西吧

看看这个指令： 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 
}