Afficher l'espace réservé si l'image est introuvable [dupliquer]
J'essayais d'utiliser onerror
. Chaque fois que l'image n'est pas trouvée dans le dossier, elle affiche un espace réservé. Mon chemin d'image est dynamique et provient du backend. Voici comment je l'ai utilisé.
<img class="" src="{{imagePath}}my_image.jpg" onerror="this.src='{{imagePath}}placeholder.jpg';" alt="Image not found">
Mais cela ne fonctionne pas et donne une erreur.
Réponses
CarlosEduardoSalazarMori
Pour cela, j'utilisais la picture
balise, les navigateurs essaieront la première source, puis la deuxième, si le navigateur n'a pas d'interpréteur d'image, utilisera la img
balise.
Comme ça:
<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>