External Upload Button

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

Use any HTML element as an upload trigger. The uploader is created on a hidden container and programmatically opened via a custom button click.

What you should see: file selection triggered from a button that lives outside the uploader entirely, via the JS API.

var uploader = AjaxUploader.create(el, {
 uploadUrl: '/ajaxupload.axd/upload',
 multiple: true,
 autoUpload: true
});

// Trigger upload from any element
var button = document.getElementById('myButton');
if (button) {
 button.addEventListener('click', function () {
  if (uploader && typeof uploader.openFileDialog === 'function') uploader.openFileDialog();
 });
}