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 picture
etiqueta, los navegadores probarán la primera fuente, luego la segunda, si el navegador no tiene un intérprete de imágenes, usará la img
etiqueta.
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>