Как обнаружить сломанное изображение и заменить его другим?

У меня есть страница, которая отображает множество изображений с разных удаленных серверов. http://example.com/img/email_star0.png 'height =' 150 '/>

Теперь предположим, что этого изображения нет, я получаю (x) в своем html. Есть ли в любом случае, что я могу обнаружить, что это изображение отсутствует, и заменить это (x) на локальное изображение, не проверяя, существует ли файл на удаленном сервере с помощью Curl (или, если это используется JQuery) и тем самым экономить время? Это можно сделать локально?

Спасибо за вашу помощь

Да, это возможно с помощью события onerror:

<img src="your_image_source" onerror="this.src='/path/to/local/file'"> 

Если изображение не существует, вместо отображения X это покажет изображение по умолчанию в вашей локальной папке

Я не думаю, что можно проверить, существует ли изображение на удаленном сервере без использования curl или jQuery. Но jQuery snippet ниже реагирует на ошибку загрузки изображения, заменив его на локальный, возможно, именно это вы ищите.

 $(document).ready(function(){ $('img').error(function(){ $(this).attr('src', 'http://img.ruphp.com/php/myimage.jpg'); }); }); 

Вы можете использовать атрибут onerror непосредственно в теге изображения:

 <img src="my_images.jpg" onerror="this.src='my_replacement.jpg'">