Basic
Drop files here or click to upload (This is just a demo dropzone. Selected files are not actually uploaded.)
Code View

<div class="col-12">
  <div class="card">
    <h5 class="card-header">Basic</h5>
    <div class="card-body">
      <form action="/upload" class="dropzone needsclick" id="dropzone-basic">
        <div class="dz-message needsclick">
          Drop files here or click to upload
          <span class="note needsclick">
            (This is just a demo dropzone. Selected files are
            <span class="fw-medium">not</span> actually uploaded.)
          </span>
        </div>
        <div class="fallback">
          <input name="file" type="file" />
        </div>
      </form>
    </div>
  </div>
</div>
    
Multiple
Drop files here or click to upload (This is just a demo dropzone. Selected files are not actually uploaded.)
Code View

<div class="col-12">
  <div class="card">
    <h5 class="card-header">Multiple</h5>
    <div class="card-body">
      <form action="/upload" class="dropzone needsclick" id="dropzone-multi">
        <div class="dz-message needsclick">
          Drop files here or click to upload
          <span class="note needsclick">
            (This is just a demo dropzone. Selected files are
            <span class="fw-medium">not</span> actually uploaded.)
          </span>
        </div>
        <div class="fallback">
          <input name="file" type="file" />
        </div>
      </form>
    </div>
  </div>
</div>