Как отобразить выбранные имена файлов перед загрузкой нескольких файлов в Struts2?

Я использую Struts2 для загрузки нескольких файлов:

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

Когда я выбираю несколько файлов, он отображает количество файлов, например. 3 файла.

Требования к проекту заключаются в том, что пользователь должен иметь возможность видеть, какие файлы он выбрал перед загрузкой.

Можно ли отображать имена выбранных файлов в списке или, возможно, в самом элементе управления?

Ответ 1

Вы можете использовать свойство HTML5 files элемента <input type="file" />, например, следующее:

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>

Ответ 2

Я ПОЛУЧАЮ ЭТУ ОШИБКУ ::

Uncaught ReferenceError: updateList не определен в HTMLInputElement.onchange((index): 28) onchange @(index): 28

Что я делаю???