...

Dropzone

Skola only

Drag and drop file uploads with image previews powered by Dropzone.js. You can pass any options supported by the plugin via the data-options attribute. The value must be a valid JSON object.

Plugin documentation

...
<div class="dropzone dropzone-single" data-dropzone='{"url": "https://", "maxFiles": 1, "acceptedFiles": "image/*"}'>

  <!-- Fallback -->
  <div class="fallback">
    <div class="custom-file">
      <input type="file" class="custom-file-input" id="projectCoverUploads">
      <label class="custom-file-label" for="projectCoverUploads">Choose file</label>
    </div>
  </div>

  <!-- Preview -->
  <div class="dz-preview dz-preview-single">
    <div class="dz-preview-cover">
      <img class="dz-preview-img" src="data:image/svg+xml,%3csvg3c/svg%3e" alt="..." data-dz-thumbnail>
    </div>
  </div>

</div>