Style the uploader with Bootstrap classes for seamless integration with Bootstrap-based
applications. Use the JavaScript API for full control over markup and CSS classes.
AjaxUploader.create(element, {
uploadUrl: '/ajaxupload.axd/upload',
multiple: true,
autoUpload: true,
buttonText: 'Choose Files',
buttonClass: 'btn btn-primary',
onSelect: function (file) {
// Add Bootstrap list-group-item
},
onProgress: function (file, percent) {
// Update Bootstrap progress bar
progressBar.style.width = percent + '%';
},
onComplete: function (file) {
// Update badge to "Uploaded"
},
onError: function (file, error) {
// Show Bootstrap alert
}
});