JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="fileSelected" />

<div class="fileDetails">
    <p id="fileName"></p>
    <p id="fileSize"></p>
    <p id="filePath"></p> 
</div>

JavaScript

$(function () {
    $('#fileSelected').on('change', function (evt) {
        var files = $(evt.currentTarget).get(0).files;
        
        if(files.length > 0) {
            console.log("Ok");
            $('#fileName').text(files[0].name);
            $('#fileSize').text(files[0].size);
            $('#filePath').text($('#fileSelected').val());
        }
    });
});