JSFiddle - React, Tailwind, and code Playground

by Denis Tverdokhlebov

HTML

<div class="file-upload">
     <label>
          <input type="file" name="file">
          <span>Выбрать файл</span>
     </label>
</div>
<input type="text" id="filename" class="filename" disabled>

CSS

.filename {
     background: #fff;
     border: 0;
}

JavaScript

$(document).ready( function() {
    $(".file-upload input[type=file]").change(function(){
         var filename = $(this).val().replace(/.*\\/, "");
         $("#filename").val(filename);
    });
});