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

时间:2018-04-20 04:10:54

标签: javascript asp.net-mvc

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

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

1 个答案:

答案 0 :(得分: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;

         }