JSFiddle - React, Tailwind, and code Playground

HTML

<input type='file' id='fileinput'/>
<button onclick='document.getElementById("fileinput").click()'>SelectFile</button>

JavaScript

var fileSelectEle = document.getElementById('fileinput');

fileSelectEle.onchange = function ()
{
    if(fileSelectEle.value.length == 0) {
        alert('You clicked cancel - ' + "FileName:" + fileSelectEle.value + "; Length: " + fileSelectEle.value.length);
    } else {
        alert('You selected a file - ' + "FileName:" + fileSelectEle.value + "; Length: " + fileSelectEle.value.length);
    }
}