原始图像损坏时显示默认图像

Question

我正在尝试使用html5图像源集破坏主图像时显示默认图像：

<picture>
  <source media="(max-width: 992px)" srcset="main-image.jpg 1x, main-image.jpg 2x">
  <source srcset="main-image.jpg 1x, main-image.jpg.png 2x,">
  <img src="main-image.jpg" onerror="this.onerror=null;this.src='default-image.png;'">
</picture>

我正在添加error属性来处理默认图像，但是这里使用img标签作为后备，所以我的默认图像没有出现。

如何处理onerror标记中的<source>属性？

Answer 1

如果首先出现此类错误，则必须检查图像路径。 尝试这段代码几乎可以解决错误。

        asset1 / img / default.jpg';“>

希望您的问题将使用脚本解决。 谢谢