jquery plugin 'uploadify' - Way to return a response from upload script?

Question

My header code:

$(document).ready(function() {
    $('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'add_list.php',
        'scriptData': {'mode': 'upload'},
        'fileDataName': 'sampleFile',
        'folder': '/work/avais/bizlists/lists',
        'cancelImg': 'include/uploadify/cancel.png',
        'queueID': 'sampleQueue'
    });
});

AFAIK all I can do in the "add_list.php" file is finish the upload process off by moving the file to the final dir; I don't think there is any way I can 'return something' like an error right?

It would be good if I could use this file also to disallow certain characters or return an error if there was some kind of problem, but I don't think there is?

I guess I could just strip out any bad characters, but would be useful to know if I can return a response somehow?

possible duplicate of Uploadify: show error message from HTTP response — Pekka
– Pekka, Commented Oct 31, 2010 at 22:29

Lorenzo · Accepted Answer · 2010-10-31 22:51:06Z

You can add some event handlers to your upload script to check for complete action and for error

$('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'add_list.php',
        'scriptData': {'mode': 'upload'},
        'fileDataName': 'sampleFile',
        'folder': '/work/avais/bizlists/lists',
        'cancelImg': 'include/uploadify/cancel.png',
        'queueID': 'sampleQueue'

    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.
    },

    onError: function (event, queueID, fileObj, errorObj) {
        // A function that triggers when an error occurs during the upload process. 
        // The default event handler attaches an error message to the queue item 
        // returning the error and changes it's queue item container to red.
        // Parameters 
        //    event: The event object.
        //    queueID: The unique identifier of the file that was errored.
        //    fileObj: An object containing details about the file that was selected.
        //    errorObj: An object containing details about the error returned.
    }

});

So, as the onComplete function will have the response sent back from the server side script, you can return a response to the client and then parse the response inside the event handler.

Check the Uploadify documentation for more details

Hope it helps

Thank you - I knew about those handlers, though didn't know that the onComplete function returned the result to the server side script. :)

RonnieSan · Accepted Answer · 2010-10-31 23:38:03Z

1

Anything that is echoed in your add_list.php file is sent to the onComplete function as response. So you could do the following:

$(document).ready(function() {
$('#sampleFile').uploadify({
    'uploader': 'include/uploadify/uploadify.swf',
    'script': 'add_list.php',
    'scriptData': {'mode': 'upload'},
    'fileDataName': 'sampleFile',
    'folder': '/work/avais/bizlists/lists',
    'cancelImg': 'include/uploadify/cancel.png',
    'queueID': 'sampleQueue',
    'onComplete' : function(event,ID,fileObj,response,data) {
         alert(response);
      }
    });
});

answered Oct 31, 2010 at 23:38

RonnieSan

1821 silver badge5 bronze badges

Comments

portapipe · Accepted Answer · 2010-11-03 10:55:29Z

0

If you want the name of the file, you "must" use (the correct method) fileObj.name:

$(document).ready(function() {
$('#sampleFile').uploadify({
    'uploader': 'include/uploadify/uploadify.swf',
    'script': 'add_list.php',
    'scriptData': {'mode': 'upload'},
    'fileDataName': 'sampleFile',
    'folder': '/work/avais/bizlists/lists',
    'cancelImg': 'include/uploadify/cancel.png',
    'queueID': 'sampleQueue',
    'onComplete' : function(event,ID,fileObj,response,data) {
         alert(fileObj.name);
      }
    });
});

answered Nov 3, 2010 at 10:55

portapipe

1

Comments

Curt Mullin · Accepted Answer · 2012-10-30 23:08:50Z

0

To anybody who may run into this in the future. It took me a little bit to figure out how to pass my own data back from the server.

The current version of uploadify at this writing is 3.2 and you are probably looking for the onUploadSuccess event: http://www.uploadify.com/documentation/uploadify/onuploadsuccess/

That will allow you to get returned data from the server.

answered Oct 30, 2012 at 23:08

Curt Mullin

6111 bronze badges

Collectives™ on Stack Overflow

jquery plugin 'uploadify' - Way to return a response from upload script?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related