Hola, hace muchísimo que no escribía algo por aquí, pero hoy me he encontrado con una función que me va a ser de mucha ayuda en mis proyectos.
En muchas ocasiones me he encontrado con problemas para detectar por JS si las imágenes que quiero cargar existen o no. Ahora ya no volveré a tener este problema gracias a esta función:
function checkForErrorImages(wrapId, selector) { var imgs = document.getElementById(wrapId).querySelectorAll(selector); imgs.forEach(function (img) { img.onerror = function () { this.setAttribute('src', 'alternativeImage.jpg'); } }); }
Espero que también te sirva de ayuda a ti.