Come visualizzare i nomi dei file selezionati prima di caricare più file in Struts2?

Question

Sto usando Struts2 di caricare più file:

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

Quando seleziono più file viene visualizzato il numero di file, ad esempio. 3 file.

I requisiti del progetto sono che l'utente dovrebbe essere in grado di vedere quali file ha selezionato prima di caricare.

È possibile visualizzare i nomi dei file selezionati in un elenco o magari nel controllo stesso?

Answer 1

È possibile utilizzare la HTML5 files proprietà dell'elemento <input type="file" /> come segue:

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>