Cách hiển thị tên tệp đã chọn trước khi tải lên nhiều tệp trong Struts2?

Question

Tôi đang sử dụng struts2 để upload nhiều file:

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

Khi tôi chọn nhiều file nó sẽ hiển thị số lượng file, ví dụ. 3 tệp.

Yêu cầu của dự án là người dùng có thể xem tệp nào anh đã chọn trước khi tải lên.

Có thể hiển thị tên tệp đã chọn trong danh sách hoặc có thể trong chính kiểm soát không?

Answer 1

Bạn có thể sử dụng HTML5 files tài sản của các yếu tố <input type="file" /> như sau:

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>