Bootstrap Theme

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.

Upload Documents

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