HTML5 supports the submission of multiple files at a time (one <input> only), as long as you add the multiple attribute to the <input> element. Once added, users can select more than one file at a time in an open dialog box (for example, by pressing the CTRL key in Windows and clicking multiple files, or by dragging a selection box with the mouse).
<! DOCTYPE html>
<meta charset= "Utf-8" >
<title>read text</title>
<style>
div {
margin-top:30px;
Border:solid 1px black;
padding:5px;
}
</style>
<script>
function Processfiles (files) {
var message = document.getElementById ("message");
for (var i=0; i<files.length; i++) {
Get the next file
var file = Files[i];
message.innerhtml + = "FileName:" + file.name + "<br>";
message.innerhtml + = "File size:" + file.size + "byte <br>";
message.innerhtml + = "File type:" + File.type + "<br><br>";
}
}
</script>
<body>
<input id= "fileInput" type= "file" size= "" onchange= "Processfiles (this.files)" multiple>
<div id= "Message" ></div>
</body>