How to show file uploaded successfully alert message in JQuery File 'uploadify' plugin?

Question

I'm using Jquery File Uploadify plugin for Document upload which has multiple true, When i use alert in OnComplete function is showing multiple alerts when uploading the documents..

function loadSwf(){    
    $("#fileuploader").fileUpload({
            'uploader':  "@Url.Content("~/Scripts/FileUpload/uploader.swf")",
            'cancelImg':  "@Url.Content("~/Content/Images/clearBtn.png")",
            'buttonText': 'Browse Files',
            //'buttonImg' : "@Url.Content("~/Content/Images/attachDoc.png")",
            'script': "@Url.Content("~/Documents/Upload/")",   
            'folder': "@Url.Content("~/Documents/")",
            //'fileDesc': 'Documents Files',
            'fileExt': '*.pdf;*.doc;*.ppt;*.xls',
            'multi': true,
            'auto': false,                 
            'scriptData': {'ActivityID': $('[id="ActivityID"]').val(), 'Description' :  "test" },
            'onComplete': function(settings, data) {  
             alert("File Uploaded Successfully");
        }
        });
}

This code is working fine for uploading one file. But when i upload multiple files I am getting that alert message for each file !! How to get that alert message only once after uploading all files, instead of one alert per file.

place here some code or in jsfiddle

deerua
– deerua

2013-03-12 09:12:23 +00:00
Commented Mar 12, 2013 at 9:12 — deerua
– deerua, Commented Mar 12, 2013 at 9:12

Lukasz Koziara · Accepted Answer · 2013-04-25 14:22:47Z

1

You need to use onQueueComplete event

$("#fileuploader").fileUpload({
    'uploader':  "@Url.Content("~/Scripts/FileUpload/uploader.swf")",
    'cancelImg':  "@Url.Content("~/Content/Images/clearBtn.png")",
    'buttonText': 'Browse Files',
    //'buttonImg' : "@Url.Content("~/Content/Images/attachDoc.png")",
    'script': "@Url.Content("~/Documents/Upload/")",   
    'folder': "@Url.Content("~/Documents/")",
    //'fileDesc': 'Documents Files',
    'fileExt': '*.pdf;*.doc;*.ppt;*.xls',
    'multi': true,
    'auto': false,                 
    'scriptData': {'ActivityID': $('[id="ActivityID"]').val(), 'Description' :  "test" },
        'onQueueComplete' : function(queueData) {
            alert("Files Uploaded Successfully");
        }
    }
});

edited Apr 25, 2013 at 14:22

Lukasz Koziara

4,3225 gold badges34 silver badges45 bronze badges

answered Mar 12, 2013 at 13:07

Karthik Chintala

5,5455 gold badges33 silver badges61 bronze badges

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

1 Comment

Karthik Chintala Over a year ago

Please check the documentation

Collectives™ on Stack Overflow

How to show file uploaded successfully alert message in JQuery File 'uploadify' plugin?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related