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由于某种原因无法加载时不会崩溃。

Answer 2

尝试使用 Image.complete 属性。

var img = new Image(w,h)
img.src = "http://...";

现在定期检查是否img.complete为真，并false在 n 秒后调用一些回退机制。