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

时间:2014-09-28 07:38:52

标签: javascript html5 jsp file-upload struts2

我使用Struts2上传多个文件:

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

当我选择多个文件时,它会显示文件数,例如。 3个档案。

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

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

1 个答案:

答案 0 :(得分:26)

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

&#13;
&#13;
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>';
}
&#13;
<input type="file" name="file" id="file" multiple 
       onchange="javascript:updateList()" />
<br/>Selected files:
<div id="fileList"></div>
&#13;
&#13;
&#13;