Проверка наличия изображения

290

03 мая 2017, 11:00

Всем привет. Подскажите, есть ли способ проверки ссылки на изображение через JS?

Например, есть 2 изображения с указанными адресами:

<img src="https://www.google.ru/images/branding/googleg/1x/googleg_standard_color_128dp.png" />
<img src="https://www.google.ru/images/branding/googleg/1x/googleg_standard_color_128d.png" />

Первое с правильной ссылкой, а второе - нет. При обнаружении битой ссылки - добавить .hide() или класс, значения не имеет. Спасибо за любую помощь.

Answer 1

Используйте метод error()

$('img').error(function() { 
   $(this).hide(); 
});

img { 
    border: 1px black solid; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="https://www.google.ru/images/branding/googleg/1x/googleg_standard_color_128dp.png" /> 
<img src="https://www.google.ru/images/branding/googleg/1x/googleg_standard_color_128d.png" />