Привет) при загрузке изображений формируется массив, но отображается он почему то рандомно, что-не так? вот код и скрин:



var uploadImages = (function () {

    function uploadImages(uploadBtn, outputImages) {

        var btn = document.getElementById(uploadBtn),
            output = document.getElementById(outputImages),
            testInput = document.getElementsByName('testUpload')[0],
            file,
            i,
            iImage;


        var maxArr = [];

        function handleUpload(evt) {
            iImage = evt.target.files;

            for (i = 0; i < iImage.length; i++) {
                file = iImage[i];

                 console.log(file);
                //   uploadArray = unique(uploadArray);


                var fileReviu = new FileReader();

                fileReviu.onload = (function (iFile) {
                    return function (e) {
                        if (document.getElementById(escape(iFile.name)) == null){
                        var div = document.createElement('div');
                        // div.id = escape(iFile.name);
                        div.innerHTML = ['<img class="img-thumbnail" ', ' src="', e.target.result, '" title="', escape(iFile.name), '"/>'].join('');
                        // console.log(div.innerHTML);
                        document.getElementById('outputMulti').insertBefore(div, null);
                      }
                    }
                })(file);

                fileReviu.readAsDataURL(file);

        }

        }

        btn.addEventListener('change', handleUpload, false);
    }
    return uploadImages;
})();


uploadImages('fileMulti', 'outputMulti');