Uploads

<!-- Css -->
<link rel="stylesheet" href="assets/libs/uppy/uppy.min.css">

<!-- JS -->
<script src="assets/libs/uppy/uppy.min.js"></script>
<script src="assets/js/pages/upload.init.js"></script>

<div class="d-grid">
    <p class="text-slate-400 mb-4">Upload your blog image here, Please click "Upload Image" Button.</p>
    <div class="preview-box block justify-center rounded overflow-hidden bg-slate-50 dark:bg-slate-900/20 p-4 mb-4"></div>
    <input type="file" id="input-file" name="input-file" accept="image/*" onchange={handleChange()} hidden />
    <label class="btn-upload px-3 py-2 lg:px-4 bg-blue-500 text-white text-sm font-semibold rounded hover:bg-blue-600 mt-4" for="input-file">Upload Image</label>
</div>

<!-- Css -->
<link rel="stylesheet" href="assets/libs/uppy/uppy.min.css">

<!-- JS -->
<script src="assets/libs/uppy/uppy.min.js"></script>
<script src="assets/js/pages/upload.init.js"></script>

<div id="drag-drop-area"></div>