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

Question

我使用的Struts2上传多个文件：

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

当我选择多个文件，它会显示文件的编号，例如。 3个文件。

该项目的要求是，用户应该能够看到他上传之前选择的文件。

是否有可能在列表中或可能在控件本身中显示选定的文件名？

Answer 1

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

updateList = function() { 
 
    var input = document.getElementById('file'); 
 
    var output = document.getElementById('fileList'); 
 

 
    output.innerHTML = '<ul>'; 
 
    for (var i = 0; i < input.files.length; ++i) { 
 
    output.innerHTML += '<li>' + input.files.item(i).name + '</li>'; 
 
    } 
 
    output.innerHTML += '</ul>'; 
 
}

<input type="file" name="file" id="file" multiple 
 
     onchange="javascript:updateList()" /> 
 
<br/>Selected files: 
 
<div id="fileList"></div>