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

0

1 ответ 1

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" />

1
  • Спасибо. Помогло. 2 мая 2017 в 8:31

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.