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

Question

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

Answer 1

您可以添加一个oneror处理程序：

<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是否为真并调用一些后备机制，在n秒后它仍为false。