JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" multiple id="files" />
<a href="" onclick="check()">Check Array</a>

JavaScript

document.getElementById('files').addEventListener('change', handleFileSelect, false);
var fileArr = [];

function handleFileSelect(evt) {
	var files = evt.target.files; // FileList object	
    
	for (var i = 0, f; f = files[i]; i++) 
	{
        var file = new Object();
        file.name = f.name;
        file.size = f.size;
        file.type = f.type;
		var reader = new FileReader()
		reader.onload = (function(){
		  return function(e){			
			storeResult(e.target.result, file);
		  };
		}())
		reader.readAsDataURL(f);
	}
}

function storeResult(result, fi){
    fi.data = result;
    fileArr.push(fi);
	console.log(result);
	console.log(fi);
}

function check(){
    for(var i = 0; i < fileArr.length; i++){
        console.log(fileArr[i]);
    }
}