Skip to main content

Overview

Dropzone creates a dashed drag-and-drop area for uploading single or batch files.

Drag & Drop with Live File List

📁
Drag & drop files here, or browse

Supports JPG, PNG, PDF up to 10MB

  • 📄

    project-proposal.pdf

    2.4 MB 
<!-- Dropzone container -->
<div class="dropzone" data-boodoo-dropzone data-boodoo-target-list="#myFileList" data-boodoo-max-size="10">
  <div class="dropzone-icon"><span>📁</span></div>
  <h6 class="dropzone-title"><span>Drag &amp; drop files here, or browse</span></h6>
  <p class="dropzone-subtitle mb-0"><span>Supports JPG, PNG, PDF up to 10MB</span></p>
</div>

<!-- Uploaded items list -->
<ul class="file-list" id="myFileList"></ul>