JSFiddle - React, Tailwind, and code Playground

HTML

<form id="testForm">
<input type="file" id="fileField" />
</form>
<p>Path: <span id="path">---</span></p>
<p>Filename: <span id="result">---</span></p>

CSS

form, p {
    margin: 1em;
}

JavaScript

var filenameIn = $('input[type=file]').val();
var filenameOut = filenameIn.split('\\').pop();
$('#path').text(filenameIn);
$('#result').text(filenameOut);