Fallback图片和超时-外部内容。 Javascript

Question

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

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

您可以添加oneror处理程序：

<img
  src="http://example.com/somejpg.jpg"
  onerror='this.onerror = null; this.src="./oops.gif"'
/>
请注意在处理程序中将onerror设置为null，以便在由于某些原因而无法加载oops.gif时浏览器不会死亡。

尝试利用Image.complete属性。

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

现在要定期检查img.complete是否为真，并调用某种后备机制，应该在n秒后仍将其设为false。

Answer 1

您可以添加oneror处理程序：

Answer 2

尝试利用Image.complete属性。

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