JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<input type="file" id="file" multiple/>
    <textarea id="filename" cols="60" rows="10"></textarea>
<input type="submit"/>
</form>

JavaScript

$("#file").bind("change", function() {
    var elem = document.getElementById("file");
    var names = [];
    for (var i = 0; i < elem.files.length; ++ i) {
       names.push(elem.files[i].name);
    }
    var names2 = names.join('\n');
    var fn = $("#file").val().replace(/\\/g, "/").split("/").slice(-1);
    $("#filename").val( names2 );
});