JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<button id="uploadButton">Upload File</button>
<input type="file" id="fileInput" style="display: none;" />

<script>
    document.getElementById('uploadButton').addEventListener('click', () => {
        document.getElementById('fileInput').click();
    });

    document.getElementById('fileInput').addEventListener('change', (event) => {
        const file = event.target.files[0];
        console.log(file.name);
    });
</script>