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 pictureTag verwendet. Browser versuchen zuerst die Quelle, dann, wenn der Browser keinen Bildinterpreter hat, verwenden sie imgTag.

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>