JSFiddle - React, Tailwind, and code Playground
HTML
<form name="formUpload" id="formUpload" method="post">
<label>Selecione o arquivo:
<input type="file" name="arquivo" id="arquivo" size="45" />
<input type='hidden' name='filename'/>
</label>
<br />
<progress value="0" max="100"></progress><span id="porcentagem">0%</span>
<br />
<input type="button" id="btnEnviar" value="Enviar Arquivo" />
</form>
JavaScript
$(function(){
// $('').click...
$('#arquivo').on('change', function(){
var filename = $(this).val();
$('input[name="filename"]').val(filename);
alert('Valor do campo hidden: ' + $('input[name="filename"]').val());
});
})