使用jquery的angularJs中的实时进度条

Question

我打开了链接：Change bootstrap progress-bar width from angularjs

我正在尝试在上传文件时显示百分比的进度条，它应该显示AngularJS中的实际上传时间。

Answer 1

忘记jQuery - 它并不总能很好地与Angular一起使用，因为jQuery可能会更新Angular域之外的DOM，然后你必须开始担心将数据绑定到视图（这是通过角度模块自然完成的）。

我建议使用ng-file-upload，它会在上传过程中提供进度信息。

我还建议使用ui-bootstrap，它有一个很好的进度条可供使用。只需使用ng-file-upload为您提供的信息更新进度条％info即可。

希望这会有所帮助。继承人如何获得％进步

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