JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#"><img data-src="http://placekitten.com/300/300" src="//:0" /></a>
<a href="#"><img data-src="http://asdf.com/broken.jpg" src="//:0" /></a>
<!-- non valid URL -->
JavaScript
$(document).ready(function () {
$('img').on ('error', function () {
$(this).data('error',true);
}).each(function() {
$(this).attr('src',$(this).data('src'));
});
$('a').click(function () {
if($(this).find('img').data('error') == true) alert('Image does not exist!');
return false;
});
});