JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" webkitdirectory />
<pre id="log"></pre>

JavaScript

$("input").bind("change", function(e) {
    var files = this.files;

    if (files && files.length) {
        var pre = $("#log");
        [].forEach.call(files, function(file) {
           pre.append( (file.fileSize || file.size) + " " + (file.fileName || file.name) + " " + file.type +"\n");
        });
    }
});