$("#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); } });
<input id="fUpload" multiple type="file"/> <ul id="ulList"></ul> <input id="btnShow" type="button" value="ファイルの詳細を表示"/><br/>