<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
    <title>HTML5 file upload</title>

  </head>

  <body>
     <form id="upload_form" enctype="multipart/form-data" method="post" action="/upload">
      <div>
        <div><label for="image_file">Please select image file</label></div>
        <div>
        <input type="file" name="someFile" id="someFile" onchange="fileSelected();" multiple />
        </div>
      </div>
      
      <div>
        <input type="button" value="Upload" onclick="upload()" />
      </div>
     
     
     
     </form>
     
  </body>

</html>
// Code goes here
function fileSelected() {

  var files = document.getElementById('someFile').files;
  console.log("Number of Files : " + files.length);
  
  for(var i=0; i<files.length; i++)
  {
    console.log("File Name :" + files[i].name);
    console.log("File Type :" + files[i].type);
    console.log("File Size :" + files[i].size);
    console.log("------------------------------");
  }
  
}
/* Styles go here */