JSFiddle - React, Tailwind, and code Playground

by maccman

HTML

<img src="https://logo.clearbit.com/stripe.com" data-default-src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Example_image.png">
<img src="https://logo.clearbit.com/examplefake.com" data-default-src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Example_image.png">

<!-- Pure HTML/JS example -->
<img src="https://logo.clearbit.com/examplefake.com" onerror="this.src='https://upload.wikimedia.org/wikipedia/commons/c/ce/Example_image.png'">

CSS

img {
    width: 128px;
}

JavaScript

$('img[data-default-src]').each(function(){
   var defaultSrc = $(this).data('default-src');
   $(this).on('error', function(){
     $(this).attr({src: defaultSrc}); 
   });
});