Почему не ловит событие change на файлах?

Question

[Юрий Кулаксыз]

Пытаюсь динамически показывать файлы, что пользователь загружает. Но ничего не работает уже на уровне добавления события change при загрузке файлов. Подскажите, что не так?
HTML

<h1>Upload</h1>
                        <input type="file" id="files" multiple = "multiple" name="files[]"  />
                        <ul id="list"></ul>

JS

function showFile(e) {
            var files = e.target.files;
            for (var i = 0, f; f = files[i]; i++) {
                if (!f.type.match('image.*')) continue;
                var fr = new FileReader();
                fr.onload = (function(theFile) {
                    return function(e) {
                        var li = document.createElement('li');
                        li.innerHTML = "<img src='" + e.target.result + "' />";
                        document.getElementById('list').insertBefore(li, null);
                    };
                })(f);
                fr.readAsDataURL(f);
            }
        }
        document.getElementById('files').addEventListener('change', function () {
            console.log(1);
        }, false);

Answer 1

[ThunderCat]

document.addEventListener('DOMContentLoaded', function(){
       document.getElementById('files').addEventListener('change', function () {
            console.log(1);
        }, false);
})

Comments

[Юрий Кулаксыз]

Благодарю)