JSFiddle - React, Tailwind, and code Playground
HTML
<form id="myform" action="" method="post" enctype="multipart/form-data">
<input type="file" multiple name="files[]" />
<input type="submit" name="submit" value="Submit">
</form>
<div class="filename"></div>
JavaScript
$("input:file").change(function () {
var filenames = $.map(this.files, function (file) {
return file.name;
});
$(".filename").html(filenames.join(', '));
});