JSFiddle - React, Tailwind, and code Playground

HTML

<input id="fUpload" multiple type="file"/>
<ul id="ulList"></ul>
<input id="btnShow" type="button" value="ファイルの詳細を表示"/><br/>

JavaScript

$("#btnShow").on('click', function () {
    $("#ulList").empty();
    var fp = $("#fUpload");
    var lg = fp[0]
    .files.length;
    var items = fp[0].files;
    var fragment = "";
    if (lg > 0) {
        for (var i = 0; i < lg; i++) {
            var fileName = items[i].name; // ファイル名を取得
            var fileSize = items[i].size; // ファイルサイズを取得
            var fileType = items[i].type; // ファイルのタイプを取得
          // 表示
         fragment += "<li>【ファイル名：" + fileName + " 】【サイズ：" + fileSize + " バイト】 【ファイルのタイプ:" + fileType + "】</li>";
        }
       $("#ulList").append(fragment);
    }
});