Mostrar marcador de posición si no se encuentra la imagen [duplicada]

Aug 16 2020

Estaba tratando de usar onerror. Siempre que la imagen no se encuentra en la carpeta, muestra un marcador de posición. Mi ruta de imagen es dinámica y proviene del backend. A continuación se muestra cómo lo usé.

<img class="" src="{{imagePath}}my_image.jpg" onerror="this.src='{{imagePath}}placeholder.jpg';" alt="Image not found">

Pero esto no funciona y da error.

Respuestas

CarlosEduardoSalazarMori Aug 16 2020 at 10:00

Para esto, solía usar la pictureetiqueta, los navegadores probarán la primera fuente, luego la segunda, si el navegador no tiene un intérprete de imágenes, usará la imgetiqueta.

Me gusta esto:

<picture>
  <source alt="Special Days" srcset="[First Image route].jpg" type="image/jpeg">
  <source alt="Special Days" srcset="[Second Image route].jpg" type="image/jpeg">
  <img alt="Imagen" src="[First Image route].jpg">
</picture>