$scope.upload progress/success callbacks not working

[leaky]

I have the angular-file-upload script and it's posting to my express app which is then saving the file, so the good news is that the script is working... However, for some reason the progress/success callbacks don't seem to be doing anything at all and my developer console just remains blank...?

$scope.onFileSelect = function ($files) {
                var file = $files;
                $scope.upload = $upload.upload({
                    url: '/upload',
                    data: {myObj: $scope.myModelObj},
                    file: file
                }).progress(function (evt) {
                    console.log('percent: ' + parseInt(100.0 * evt.loaded / evt.total));
                }).success(function(data, status, headers, config) {
                    console.log(data);
                });
        };

[danialfarid]

So how do you know the script is working?

[danialfarid]

It is better to send files one by one:

...
var file = $files[0];
....

[danialfarid]

what browser do you have this problem with?

[leaky]

I'm only sending one file, I'm using Chrome and I've got the success function working, just not progress. The app is a MEAN app so I'm using busboy to handle the file server-side. I'm wondering if it's because I'm working locally so the file uploads are going to be instant. Is there a timeout set for the progress callback?

[danialfarid]

make sure you include the shim file before angular.js.
Even if it is fast the progress function should be called with 100%.

[leaky]

My bad, I didn't include the shim! * facepalm *

Is there anyway I can force slug the upload so I can work on a 'progress' script? It's incredibly difficult to work on locally as it's so rapid.

[ludohenin]

As bad as you leaky :(
thanks @danialfarid for the awesome

[snig-b]

Same problem, shim file is loaded, but progress callback is not being fired, working on local

[ludohenin]

Are you sure it is loaded before Angular ?

[snig-b]

Yes its loaded before
But window.XMLHttpRequest.__isShim gives undefined to me
And files are not the min version.

This is the file load order:

    <script src="{% static 'bower_components/lodash/dist/lodash.compat.js' %}"></script>
    <script src="{% static 'bower_components/moment/moment.js' %}"></script>
    <script src="{% static 'bower_components/ng-file-upload/angular-file-upload-shim.js' %}"</script>
    <script src="{% static 'bower_components/angular/angular.js' %}"></script>
    <script src="{% static 'bower_components/ng-file-upload/angular-file-upload.js' %}"></script>

[snig-b]

Tried debugging with breakpoints. It is getting loaded, the variable is set to true, but later on gets overridden and becomes undefined again.
Looks like window.XMLHttpRequest's definition is being changed somewhere.

[justgeek]

have same issue , progress function is never called , only the promise success , and error functions are invoked right.

[sita1]

in my case progress and success working on local machine but success not working when connect to server

[diogomunhos]

Same here, progress function is never called