Resim bulunmazsa yer tutucuyu göster [yinele]

Question

Kullanmaya çalışıyordum onerror. Klasörde resim bulunmadığında bir yer tutucu görüntüler. Görüntü yolum dinamik ve arka uçtan geliyor. Aşağıda onu nasıl kullandım.

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

Ancak bu çalışmıyor ve hata veriyor.

Answer 1

Bunun için eskiden picturetag kullanıyordum, tarayıcılar ilk kaynağı deneyecek, sonra ikinci, eğer tarayıcının resim yorumlayıcısı yoksa imgtag kullanacak .

Bunun gibi:

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