javascript - 如何在javascript中上传多个文件之前显示选定的文件名

Question

如何使用表格而不是列表进行对齐。还有我们点击取消按钮的文件列表需要从列表中删除。

updateList = function () {
            var input = document.getElementById('fileUploader');
            var output = document.getElementById('divFiles');

            output.innerHTML = '<ul style="list-style-type:none">';
            for (var i = 0; i < input.files.length; ++i) {
                output.innerHTML += '<li>' + input.files.item(i).name + '   <button>X</button></li> ';
            }

output image for the above code

Answer 1

  updateList = function () {
             var input = document.getElementById('fileUploader');
             var output = document.getElementById('divFiles');var HTML = "<table>";
             for (var i = 0; i < input.files.length; ++i)
             {
                 HTML += "<tr><td>" + input.files.item(i).name + "</td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button>X</button></td></tr>";
             }
             HTML += "</table>";
             output.innerHTML = HTML;

         }