jQuery Uploadify - How to use onComplete?

Question

I'm using uploadify: http://www.uploadify.com/

And have an onComplete:

onComplete: function(response) {
alert(response);
},

My server is sendin back album_id... How do I access that in the response?

Thanks

UPDATING

        onComplete: function(response) {
            jsonObject = jQuery.parseJSON(response.response);
            alert (jsonObject);
            alert(jsonObject.album_id);
        },

both of the alerts don't run?

UPDATE 2 RAils code that is sending back the JSON? Maybe this is the issue?

render :json => { :result => 'success', :album_id => 31313113 }

response right now says [object object]

TheExit
– TheExit

2010-10-24 23:58:19 +00:00
Commented Oct 24, 2010 at 23:58 — TheExit
– TheExit, Commented Oct 24, 2010 at 23:58

Lorenzo · Accepted Answer · 2010-10-25 00:21:56Z

4

the onComplete is sending four arguments. So you function should be like this one:

onComplete: function(event, queueID, fileObj, response, data) {
    alert(response.responseText);
    return false;
},

The return false is needed to avoid to trigger the default function.

edited Oct 25, 2010 at 0:21

answered Oct 25, 2010 at 0:14

Lorenzo

29.4k50 gold badges129 silver badges224 bronze badges

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

3 Comments

TheExit Over a year ago

Maybe rails isn't sending back the right response? I have it harded coded. Uploadify wants JSON right? render :json => { :result => 'success', :album_id => 31313113 }

Lorenzo Over a year ago

Sorry! you should use alert(response.responseText)

Lorenzo Over a year ago

If you returns JSON data then you have to parse. But if you just return the album id as a value then this code works

Jack Marchetti · Accepted Answer · 2010-10-25 00:14:53Z

1

I believe the response sent back is:

 function UploadComplete(event, queueID, fileObj, response, data) { }

Response would obviously be whatever you're returning. In my case it was a flickrphotoID because my uploadify script was uploading the file to Flickr then waiting for the ID.

If your response is a json object, then you'll need to parse it out.

edited Oct 25, 2010 at 0:14

answered Oct 25, 2010 at 0:09

Jack Marchetti

15.8k14 gold badges85 silver badges119 bronze badges

Comments

hardba11 · Accepted Answer · 2010-11-01 19:49:18Z

The answers above are correct in pointing you towards the onComplete method. The only thing I have to add, is to ask you to post your entire uploadify call. The onComplete needs to be built in your call. It should look like something like this.

$('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'add_list.php',
        'scriptData': {'mode': 'upload'},
        'fileDataName': 'newUpload',
        'folder': '/work/temp/uploads',
        'cancelImg': 'images/cancel.png',
        'queueID': 'uploadQueue',
        'onComplete': function (event, queueID, fileObj, response, data) {
        // A function that triggers when a file upload has completed. The default 
        // function removes the file queue item from the upload queue. The 
        // default function will not trigger if the value of your custom 
        // function returns false.
        // Parameters 
        //    event: The event object.
        //    queueID: The unique identifier of the file that was completed.
        //    fileObj: An object containing details about the file that was selected.
        //    response: The data sent back from the server.
        //    data: Details about the file queue.
    }
});

Einlanzer · Accepted Answer · 2014-04-04 02:43:36Z

0

//You have to parse it first as a whole object

jsonObject = jQuery.parseJSON(response);

//Then access the object property or method after

alert(jsonObject.album_id);

answered Apr 4, 2014 at 2:43

Einlanzer

5347 silver badges10 bronze badges

Collectives™ on Stack Overflow

jQuery Uploadify - How to use onComplete?

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related