使用angularjs无法在上传中看到正确的百分比

时间:2016-04-08 10:44:22

标签: javascript angularjs file-upload progress-bar

我正在尝试使用角度上传库上传文件并查看上传的百分比。该方法本身运行良好,文件可以上传到我的服务器上,但当我试图看到百分比时,它显示我这个

progress: 6% 
progress: 100% 

或者无论如何它只显示第一个百分比,在这种情况下为6%,但可能是40%或其他,然后直接100%。这是代码

$scope.uploadFileFunction = function(file) {
    var uploadUrl = "url";
    var newJson;
    var json = [];
    json.push(newJson);

    var self = this;
    self.loading = true;

    var fd = new FormData();
    if (file != undefined && file != null) {
        fd.append('file', file);
    }
    fd.append('json', angular.toJson(json));

    Upload.http({
        url: uploadUrl,
        transformRequest: angular.identity,
        method: 'POST',
        headers: {
            'Content-Type': undefined
        },
        data: fd
    }).then(function (data, status) {
        self.loading = false;
        $scope.uploadError = false;
    }, function (resp) {
        self.loading = false;
        $scope.uploadError = true;

    }, function (evt) {
        $scope.upPercentage = parseInt(100.0 * evt.loaded / evt.total);
        console.log('progress: ' + $scope.upPercentage + '% ');
    });
};

这是正常的吗?如果我上传大文件也会发生这种情况。这是我正在使用https://github.com/danialfarid/ng-file-upload

的库的链接

0 个答案:

没有答案