JSFiddle - React, Tailwind, and code Playground

HTML

<div id="FileBrowser" class="FileSection">
    <font>Загрузка списка</font>
    <a class="js-browse-btn" title="Выбрать файл">
        <img src="../../Images/open_folder_green.png" />
    </a>
    <a class="js-upload-btn" style="display: none;" title="Загрузить">
        <img src="../../Images/file_upload.png" />
    </a>

    <input type="file" name="OFD" style="display: none;"/>
    <label class="js-file"></label>
</div>

CSS

a {
    color: #f60;
    border-bottom: 1px dotted #f60;
}
input {
}

JavaScript

jQuery(function ($){
    var $el = $('#FileBrowser');
    
    $el.on('click', '.js-browse-btn', function (evt){
        evt.preventDefault();
        $el.find(':file').click();
    });
    
    $el.on('change', function (evt){
        $el.find('.js-file').text(evt.target.value);
        $el.find('.js-upload-btn').show();
    });
});