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>