Mostra segnaposto se l'immagine non viene trovata [duplicato]

Aug 16 2020

Stavo cercando di usare onerror. Ogni volta che l'immagine non viene trovata nella cartella, viene visualizzato un segnaposto. Il mio percorso immagine è dinamico e proviene dal backend. Di seguito è come l'ho usato.

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

Ma questo non funziona e dà errore.

Risposte

CarlosEduardoSalazarMori Aug 16 2020 at 10:00

Per questo usavo il picturetag, i browser proveranno la prima fonte, poi la seconda, se il browser non dispone di interprete di immagini utilizzerà il imgtag.

Come questo:

<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>