JSFiddle - React, Tailwind, and code Playground

by liquidmetalrob

HTML

<div>
<input type='file' id="aa" onchange="pressed()"><label id="fileLabel">Choose file</label>
</div>

CSS

input[type=file]{
    width:90px;
    color:transparent;
}

JavaScript

window.pressed = function(){
    var a = document.getElementById('aa');
    if(a.value == "")
    {
        fileLabel.innerHTML = "Choose file";
    }
    else
    {
        var theSplit = a.value.split('\\');
        fileLabel.innerHTML = theSplit[theSplit.length-1];
    }
};