img replace src on error

by Stalk

HTML

<img src="/badpath/VKGkFKY.png" alt="">
<img src="/badpath/nonExistant.png" alt="">

JavaScript

;(function(){
  [].slice.call(document.querySelectorAll('img'))
    .forEach(img=>img.addEventListener('error', evt=>{
    //console.log(img.src, img.dataset.urlReplaced)
    if (!img.dataset.urlReplaced) {
      img.src = img.src.replace(
        'https://fiddle.jshell.net/badpath/',
        'https://i.imgur.com/'
      )
      img.dataset.urlReplaced = true
    }
  }))
})()