Full-Page Drop

Full-Page Drop Target

The entire page acts as a drop target. Drag a file anywhere on this page to trigger the upload. A visible overlay confirms the drop zone is active.

Drop files to upload

AjaxUploader.create(el, {
  uploadUrl: '/ajaxupload.axd/upload',
  multiple: true,
  autoUpload: true,
  dropTarget: document.documentElement
});

// Overlay shows on dragenter, hides on dragleave/drop
document.addEventListener('dragenter', showOverlay);
document.addEventListener('drop', hideOverlay);