javascript - 后备图像和超时 - 外部内容。 Javascript

Question

如果外部图像未加载或加载时间过长，设置本地后备图像的最佳方法是什么。

Answer 1

您可以添加一个onerror 处理程序:

<img
  src="http://example.com/somejpg.jpg"
  onerror='this.onerror = null; this.src="./oops.gif"'
/>

注意:在处理程序中将 onerror 设置为 null，这样当 oops.gif 由于某种原因无法加载时网页不会崩溃。