Retrieve files from input

by Tammy Robinson

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function getFiles(){
    
    var files = document.getElementById("myFiles").files;
    var myArray = [];
    var file = {};
	  
    console.log(files); // see the FileList
    
    // manually create a new file obj for each File in the FileList
    for(var i = 0; i < files.length; i++){
      //console.log(files[i].name);
      file = {
          'lastMod'    : files[i].lastModified,
          'lastModDate': files[i].lastModifiedDate,
          'name'       : files[i].name,
          'size'       : files[i].size,
          'type'			 : files[i].type,
      } 
      //add the file obj to your array
      myArray.push(file)
    }
    	//save the array to localStorage
      localStorage.setItem('files',JSON.stringify(myArray));
      console.log(JSON.stringify(myArray));
  }
</script>
<body>
  <input id="myFiles" type="file" multiple onchange="getFiles()" />
</body>