iRedds

В javascript массивы и объекты передаются по ссылке. Т.е. по факту у тебя создается массив с одним и тем же объектом. Причем меняя значения свойств объекта, они меняются и в массиве.

var obj = { label : 1}
var arr = [];
arr.push(obj);
console.log(arr) // [ { label : 1}]
obj.label = 2;
console.log(arr) // [ { label : 2}]
arr.push(obj);
console.log(arr) // [ { label : 2} , { label : 2}]
obj.label = 3;
console.log(arr) // [ { label : 3} , { label : 3}]

reader.onload = function() {
......
var image = new Image();
image.src = reader.result; 
image.onload = function(){
  console.log(this.width, this.height);
}
}

addEventListenter повешен на документ, а не на элемент. Поэтому событие срабатывает везде.
Нужно или вешать слушателя на элемент или же проверять в событии что клик был именно по элементу.