uploader success binding been triggered twice about angular-file-upload HOT 8 CLOSED

Hi

1, 3. You can disable the submit button until will not be filled required fields.
2. You can get a response as shown in the code below.

uploader.bind('success', function (event, xhr, item, response) {}); // response
uploader.bind('error', function (event, xhr, item, response) {}); // response

https://github.com/nervgh/angular-file-upload#events
4. Please, update your module to last version

from angular-file-upload.

ok i've updated the module to 0.3!

1. i know that i can disable it, but i'm testing server-side validation..
2. i added the response like you said, but it triggers success twice (the console.log is outputed twice)

new code:

    // successful upload
    uploader.bind('success', function (event, xhr, item, response) {
      console.log('success')
      uploader.clearQueue();

      successCallback(response);
    });

    // unsuccessful upload
    uploader.bind('error', function (event, xhr, item, response) {
      errorCallback(response);
    });

workflow:

1. unsuccessful upload = error
2. then successful upload = success but 2x

from angular-file-upload.

1. then successful upload = success but 2x

You have two event listeners, probably.

You can get the number of listeners so:

uploader.bind('success', function (event, xhr, item, response) {
    var listeners = this.scope.$$listeners[this._timestamp+':success'];
    console.info('listeners.length', listeners.length); // 1 - if there is one listener
});

from angular-file-upload.

hmm that's strange, normally i have 1 listener, and just when I do what causes the problem I got 2!

do you know how I can solve this?

from angular-file-upload.

i did this dirty hack and it works now:

      var listeners = this.scope.$$listeners[this._timestamp+':success'];
      if(listeners.length > 1) {
        listeners.pop();
      }

from angular-file-upload.

do you know how I can solve this?

Add one event listener =)

You can test this so

console.log('new listener', uploader.scope.$$listeners[uploader._timestamp+':success'].length); // 1
uploader.bind('success', function (event, xhr, item, response) {

from angular-file-upload.

It's better to bind to events just at initialization.

Startup:

// successful upload
uploader.bind('success', function (event, xhr, item) {
  console.log("success")
  uploader.clearQueue();

  var response = angular.fromJson(xhr.response);
  successCallback(response);
});

// unsuccessful upload
uploader.bind('error', function (event, xhr, item) {
  var response = angular.fromJson(xhr.response);
  errorCallback(response);
});

Submit:

if(uploader.queue.length) {
  var firstItem = uploader.queue[0];
  uploader.uploadItem(firstItem);
}

from angular-file-upload.

try to check your $routeProvider, may be your routing execute your controller twice

from angular-file-upload.