Drop or Browse

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.

Combined Drop Zone and Browse Button

A single area that accepts dragged files and also contains a browse button. Users can interact whichever way they prefer.

What you should see: both routes into one queue: drop onto the zone, or use the browse button. Same handling either way.

Drag and drop files here

- or -

<div id="dropZone" class="drop-browse">
 <div>Drag and drop files here</div>
 <div>&mdash; or &mdash;</div>
 <div id="uploader"></div>
</div>

AjaxUploader.create(document.getElementById('uploader'), {
 uploadUrl: '/ajaxupload.axd/upload',
 multiple: true,
 dropTarget: document.getElementById('dropZone')
});