Undefined при попытке вывести элемент массива (FileReader) [дубликат]

При попытке вывести любой элемент массива получаю undefined, однако если вывести весь массив через console.log, то он выводится.

showFiles = function(files) {
        let resultArray = [];
        for (let i = 0; i < files.length; i++) {
            (function(file) {
                let fr = new FileReader();
                fr.onload = function(e) {
                    let image = new Image();
                    image.src = e.target.result;
                    image.onload = function() {
                        resultArray.push({
                            'src' : e.target.result,
                            'width' : this.width,
                            'height' : this.height,
                            'size' : file.size
                        });
                    }
                };
                fr.readAsDataURL(file);
            })(files[i]);
        }
        console.log(resultArray[0]);

    };