A single area that accepts dragged files and also contains a browse button.
Users can interact whichever way they prefer.
Drag and drop files here
- or -
<div id="dropZone" class="drop-browse">
<div>Drag and drop files here</div>
<div>— or —</div>
<div id="uploader"></div>
</div>
AjaxUploader.create(document.getElementById('uploader'), {
uploadUrl: '/ajaxupload.axd/upload',
multiple: true,
dropTarget: document.getElementById('dropZone')
});