Getting server response data with angularjs blueimp fileupload?

Question

I am trying to get the blueimp file upload plugin to play nicely with my app, using angularjs. I am having one issue. My server returns json data upon a successful upload. The problem is I cannot retrieve this data, although I can find it in the console.

$scope.$on('fileuploadprocessdone', function(event, files){
                console.log(files);
            });

Console:

Object {disabled: false, create: null, dropZone: x.fn.x.init[1], pasteZone: x.fn.x.init[1], replaceFileInput: true…}
_progress: Object
_response: Object
    jqXHR: Object
    result: Object
    textStatus: "success"

I am trying to get the "result" Object in the "_response" object:

$scope.$on('fileuploadprocessdone', function(event, files){
                console.log(files._response);
                console.log(files.response);
            });

returns (console) :

Object {} //first console log
function () {
            return this._response;  //second console log
        }

I can clearly see the data returned by the server in the first console.log(files). How can I accomplish this?

Thank you.

ooozguuur · Accepted Answer · 2014-03-21 16:11:14Z

1

You can now prevent default event actions in Angular scope listeners, too:

   $scope.$on('fileuploaddone', function(e, data){
      console.log(data.result);
   });

answered Mar 21, 2014 at 16:11

ooozguuur

3,5062 gold badges26 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting server response data with angularjs blueimp fileupload?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related