Example:

Chose Image To Upload

HTML:

<label for="input-file" id="change-this-drop-area" class="drop-area">
    <input type="file" name="image" id="change-this-input-file" accept="image/*" hidden>
    <div id="change-this-img-view" class="img-view">
        <img src="https://cdn.jsdelivr.net/gh/xrafffcode/flex-uploader/dist/images/gallery-export.svg" id="img" width="50">
        <p id="img-info">Chose Image To Upload</p>
    </div>
</label>

JS:

new FlexUploader("drop-area", "input-file", "img-view");

CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/xrafffcode/flex-uploader/dist/css/flex-uploader.css">
<script src="https://cdn.jsdelivr.net/gh/xrafffcode/flex-uploader/dist/js/flex-uploader.js"></script>