แสดงตัวยึดตำแหน่งหากไม่พบรูปภาพ [ซ้ำ]

Question

onerrorผมพยายามที่จะใช้ เมื่อใดก็ตามที่ไม่พบภาพในโฟลเดอร์จะแสดงตัวยึด เส้นทางรูปภาพของฉันเป็นแบบไดนามิกและมาจากแบ็กเอนด์ ด้านล่างนี้คือวิธีที่ฉันใช้

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

แต่ไม่ได้ผลและให้ข้อผิดพลาด

Answer 1

สำหรับสิ่งนี้ฉันเคยใช้pictureแท็กเบราว์เซอร์จะลองซอร์สแรกจากนั้นอันดับที่สองหากเบราว์เซอร์ไม่มีตัวแปลรูปภาพจะใช้imgแท็ก

แบบนี้:

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