web-dev-qa-db-ja.com

Struts2に複数のファイルをアップロードする前に、選択したファイル名を表示するにはどうすればよいですか？

Struts2を使用して複数のファイルをアップロードしています。

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

複数のファイルを選択すると、ファイルの数が表示されます。 3ファイル。

プロジェクトの要件は、ユーザーがアップロードする前に選択したファイルを確認するができる必要があることです。

選択したファイル名をリストまたはコントロール自体に表示することは可能ですか？

javascripthtmljspfile-uploadstruts2
13
Pradnya

<input type="file" />要素のHTML5filesプロパティは、次のように使用できます。

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>
29
Andrea Ligios