File Uploader

Single And Multiple File Uploader


<div class="form-group mb-4 only-file-upload" id="file-upload">
  <label class="label fs-16">Upload Product Images</label>
  <div class="form-control h-100 text-center position-relative p-4 p-lg-5">
    <div class="product-upload">
      <label class="file-upload mb-0">
        <i class="ri-folder-image-line bg-primary bg-opacity-10 p-2 rounded-1 text-primary"></i>
        <span class="d-block text-body fs-14">Drag and drop an image or <span class="text-primary text-decoration-underline">Browse</span></span>
      </label>
      <label class="position-absolute top-0 bottom-0 start-0 end-0 cursor" id="upload-container">
        <input class="form__file bottom-0" id="upload-files" type="file" multiple="multiple">
      </label>
    </div>
  </div>
  <div id="files-list-container"></div>
</div>