在Struts2中上传多个文件之前，如何显示选定的文件名？

小编典典

在Struts2中上传多个文件之前，如何显示选定的文件名？

jsp

我正在使用Struts2上传多个文件：

<s:file name="files" multiple="multiple" />

当我选择多个文件时，它将显示文件数，例如。3个文件。

项目要求用户 在上传之前 应该能够 看到自己选择的文件 。

是否可以在列表中或控件本身中显示所选文件的名称？

阅读 405

2020-06-08

共1个答案

小编典典

您可以使用元素的HTML5 files属性，<input type="file" />如下所示：

updateList = function() {

    var input = document.getElementById('file');

    var output = document.getElementById('fileList');

    var children = "";

    for (var i = 0; i < input.files.length; ++i) {

        children += '<li>' + input.files.item(i).name + '</li>';

    }

    output.innerHTML = '<ul>'+children+'</ul>';

}


<input type="file" multiple

       name="file"

         id="file"

   onchange="javascript:updateList()" />



<p>Selected files:</p>



<div id="fileList"></div>

2020-06-08