Calling default done function in jquery file upload

Question

I am using the Jquery file upload plugin for uploading the file.

    jQuery('#UploadForm-form').fileupload({
'maxFileSize':20000000,
'acceptFileTypes':/(\.|\/)(csv)$/i,
'done':function(e,data)
       {
        // do something here
       // call defaultDone here        
       },
'url':'/manage/upload?parent_id=1',
'autoUpload':false,
'maxNumberOfFiles':1});

The problem is that in the done function above, I want to do something and then call the default done function provided by the plugin.

How can I do that ?

Answer 1

You have to memoize your default function. Hopefully you will get some idea from following code.

// Initialize your file upload object
jQuery('#UploadForm-form').fileupload({
    'maxFileSize' : 20000000,
    'acceptFileTypes' : /(\.|\/)(csv)$/i,
    // Don't override default done function here
    // You have to memoize default function from widget instance later.
    // Hence, I comment following line
    // 'done':function(e,data)
    // {
    // // do something here
    // // call defaultDone here
    // },
    'url' : '/manage/upload?parent_id=1',
    'autoUpload' : false,
    'maxNumberOfFiles' : 1
});
// Memoize and call the default done as follows.
var widgetInstance = $('#UploadForm-form').data('blueimp-fileupload') || $('#UploadForm-form').data('fileupload');
widgetInstance.options.defDoneFn = widgetInstance.options.done
widgetInstance.options.done = function myCustomFn() {
    // do something here
    widgetInstance.options.defDoneFn .apply(this, arguments);
};

Note: I have tested the code against http://blueimp.github.io/jQuery-File-Upload/basic.html . There could be some changes like data key (.data(<data key>) if you are using different version of fileupload.