Javascript 如果找不到图像，则显示占位符

我试图使用

onerror

。只要在文件夹中找不到图像，它就会显示一个占位符。我的映像路径是动态的，来自后端。下面是我如何使用它

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

---

但这不起作用，并且给出了错误。

对于这一点，我曾经使用

picture

标记，浏览器将尝试第一个源代码，然后第二个，如果浏览器没有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>

---

这是否回答了您的问题？