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

【问题标题】：How to display selected file names before uploading multiple files in Struts2?如何在Struts2中上传多个文件之前显示选定的文件名？
【发布时间】：2014-11-22 19:58:05
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： javascript html jsp file-upload struts2

【解决方案1】：

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

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>

【讨论】：

非常感谢..它非常棒:)。是的，它也确实适用于。
如果你使用asp.net FileUpload，输入应该是：var input = document.getElementById('');
如何获取所选文件的完整路径？
@Inderjeet，出于安全原因，不可能！
@Andrea Ligios
显示在