Calculate percentage upload file angularjs NaN

Asked Dec 28 '15 at 16:00

Active Dec 28 '15 at 16:00

Viewed 395 times

I need calculate the percentage of upload of a file in angularjs. I created a service to start the upload

mainApp.service('uploadFile', ['$http', function ($http) {
    this.uploadFileToUrl = function(files, uploadUrl, json, site, callback ){
        var fd = new FormData();

        angular.forEach(files, function(file) {
            fd.append('file', file);
            var pc = parseInt(100 - (file.loaded / file.total * 100));

            console.log(pc + "% 0");

        });

        fd.append('json', angular.toJson(json));
        fd.append('site', site);

        //console.log("fd "+  fd);
        $http.post(uploadUrl, fd, {
            transformRequest: angular.identity,
            headers: {'Content-Type': undefined}
        })
        .success(callback, json.length=0)
        .error(callback);
    }
}]);

But when i try to stamp in the console the percentage i only get

NaN% 0

what is wrong here?

asked Dec 28 '15 at 16:00

Atlas91

5,754
17
69
141

the reason you get NaN is because you are trying to do math on something that is `not a number`. My guess is that file.loaded or file.total are not defined. – SoluableNonagon Dec 28 '15 at 16:19
is there a way to get the percentage starting from my code? – Atlas91 Dec 28 '15 at 16:20
http://stackoverflow.com/questions/14289637/http-upload-file-progress-in-angularjs – SoluableNonagon Dec 28 '15 at 16:23
Mmh, and without using a jquery plugin? – Atlas91 Dec 28 '15 at 16:24
see comment, it doesn't use jQuery – SoluableNonagon Dec 28 '15 at 16:28

Calculate percentage upload file angularjs NaN

0 Answers0