JavaScript API

JavaScript API

Use AjaxUploader.create() for full programmatic control. The JavaScript API provides callbacks for every stage of the upload lifecycle.

AjaxUploader.create(document.getElementById('myUploader'), {
 multiple: true,
 uploadUrl: '/ajaxupload.axd/upload',
 maxFileSize: 5 * 1024 * 1024,
 allowedExtensions: ['.jpg', '.png', '.pdf'],
 autoUpload: true,
 showProgress: true,
 onSelect: function (file) { statusEl.textContent = 'Selected: ' + file.name; },
 onProgress: function (file, percent) { statusEl.textContent = clampPercent(percent) + '%'; },
 onComplete: function (file, response) { statusEl.textContent = 'Done!'; },
 onError: function (file, error) { statusEl.textContent = 'Error: ' + error; }
});

// Or get an existing server control instance:
var uploader = AjaxUploader.getInstance('Uploader1');
uploader.browse();
uploader.pause();
uploader.resume();
uploader.cancel();
uploader.clear();
var files = uploader.getFiles();