Привет всем.
Я на сайте настраивал обработчик проверки доступности картинки, реализовать обработку через сервер задача оказалась по времени много занимающая, поэтому пришло на ум использовать JS чтоб клиент сам дергал что надо, а страница уже была загружена.
Так вот перейдем к делу.
Я прописал следующее
<img avatar-src="'.$row['avatar'].'" alt="'.$row['avatar'].'" />
и к нему JS
[].forEach.call(document.querySelectorAll('img[avatar-src]'), function(img) {
var img_dostyp = new Image();
img_dostyp.src = img.getAttribute('avatar-src');
img_dostyp.onerror = function(){
img.setAttribute('src', '/img/style/avatar.jpg');
img.removeAttribute('avatar-src');
};
img_dostyp.onload = function(){
img.setAttribute('src', img.getAttribute('avatar-src'));
img.removeAttribute('avatar-src');
};
img_dostyp = '';
});
Собственно код работает к нему вопросов нет все заменяет как надо, но вот в консоли отображается каждая ссылка картинки которой нету (хотя я заменил на заглушку и она отображается).
Что мне делать с консолью и как сделать так что там не выходил список этих картинок?