在jQuery文件上傳中調用默認完成函數

Question

我正在使用Jquery文件上傳插件來上傳文件。

    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});

問題是，在上面的完成功能中，我想做一些事情，然后調用插件提供的默認完成功能 。

我怎樣才能做到這一點 ？

Answer 1

您必須記住默認功能。 希望您能從以下代碼中得到一些想法。

// 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);
};

注意：我已經針對http://blueimp.github.io/jQuery-File-Upload/basic.html測試了代碼。 如果您使用不同版本的文件上傳，則可能會有一些更改，例如數據密鑰(.data(<data key>) 。