Показать сообщение отдельно
  #1 (permalink)  
Старый 10.05.2019, 02:26
Кандидат Javascript-наук
Отправить личное сообщение для biryukovm Посмотреть профиль Найти все сообщения от biryukovm
 
Регистрация: 13.12.2013
Сообщений: 106

Проверка картинки SRC
Привет всем.
Я на сайте настраивал обработчик проверки доступности картинки, реализовать обработку через сервер задача оказалась по времени много занимающая, поэтому пришло на ум использовать 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 = '';
});


Собственно код работает к нему вопросов нет все заменяет как надо, но вот в консоли отображается каждая ссылка картинки которой нету (хотя я заменил на заглушку и она отображается).

Что мне делать с консолью и как сделать так что там не выходил список этих картинок?
Ответить с цитированием