2

Всем привет. Подскажите, есть ли способ проверки ссылки на изображение через 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() или класс, значения не имеет. Спасибо за любую помощь.

Alexey Giryayev
  • 4,798

1 Answers1

3

Используйте метод 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" />
lampa
  • 18,094