检查图像是否完全加载

Question

我用来

if (document.getElementById('<%= MainImg.ClientID %>').complete) {
  hideLoadDiv();
}

隐藏一个 div，它指示图像尚未加载，

但它在图像完成加载并显示之前隐藏，而浏览器向我显示页面仍在从服务器传输数据的消息：S

Is我可以使用另一个函数来确保图像完全加载吗？

Answer 1

您可以在图像本身上使用 onload 事件：

<img src="foo.jpg" onload="hideLoadDiv();" />

更新：看起来您的问题是重复的

Answer 2

javascript

img = new Image();
img.src = "foo.bar";
img.onload = function() {stuff();};

Answer 3

img = new Image();
img.onload = function() {stuff();};
img.src = "foo.bar";

src 应该放在最后