Wie werden ausgewählte Dateinamen angezeigt, bevor mehrere Dateien in Struts2 hochgeladen werden?

Question

ich Struts2 bin mit mehreren Dateien laden:

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

Wenn ich mehrere Dateien, die es zeigt die Anzahl der Dateien, zB wählen. 3 Dateien.

Die Projektanforderungen sind, dass der Benutzer sehen kann, welche Dateien er vor dem Hochladen ausgewählt hat.

Ist es möglich, die Namen der ausgewählten Dateien in einer Liste oder vielleicht in der Steuerung selbst anzuzeigen?

Answer 1

können Sie die HTML5 verwenden files Eigenschaft des Elements <input type="file" /> wie folgt:

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>