Platzhalter anzeigen, wenn Bild nicht gefunden wurde [Duplikat]
Aug 16 2020
Ich habe versucht zu benutzen onerror
. Wenn im Ordner kein Bild gefunden wird, wird ein Platzhalter angezeigt. Mein Bildpfad ist dynamisch und stammt aus dem Backend. Unten ist, wie ich es benutzt habe.
<img class="" src="{{imagePath}}my_image.jpg" onerror="this.src='{{imagePath}}placeholder.jpg';" alt="Image not found">
Aber das funktioniert nicht und gibt Fehler.
Antworten
CarlosEduardoSalazarMori Aug 16 2020 at 10:00
Dafür habe ich picture
Tag verwendet. Browser versuchen zuerst die Quelle, dann, wenn der Browser keinen Bildinterpreter hat, verwenden sie img
Tag.
So was:
<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>