Works with any backend npm install Zero dependencies

Standalone Drop Zone Mode

A large clickable drop zone with no separate browse button. Great for modal dialogs.

(function() {
 new MultipleUpload('#demo', {
 uploadUrl: '/api/upload',
 multiple: true,
 dropZoneMode: true
 });
})();

One large target instead of a button

dropZoneMode defaults to false, which renders the standard button plus queue. Switched on, the container becomes a single large drop area with its own icon and prompt, and clicking anywhere in it opens the file dialog.

When the bigger target is the right call

It suits a page where uploading is the primary action and there is room to give it: an import screen, an empty-state panel, a media library. A large target is also markedly easier to hit with a dragged file than a button is. Where the uploader is one field among many in a form, the default layout takes less vertical space and reads as a form control, which is usually what you want there.