Drop or Browse

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.

☁

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')
});