新的Image（），如何知道图像是否100％加载？ [英] new Image(), how to know if image 100% loaded or not?

问题描述

我正在使用

img = new Image();
img.src = image_url;

然后我将img.src分配给DOM中的img标签的src

Then I'm assigning img.src to the img tag's src in DOM

$("#my_img").attr("src", img.src);

我怎么知道img.src已经100％加载？什么是最佳做法？
img.complete 在某些浏览器中似乎对我来说很小。

How can I know that img.src has 100% loaded? What is the best practice? img.complete seem to me little buggy in some browsers.

所以换句话说，我需要在 img之后将 img.src 分配给 $（＃my_img） 它是100％加载的。

So, in another words, I need to assign img.src to $("#my_img") only after img it was 100% loaded.

谢谢！

推荐答案

使用加载事件：

img = new Image();

img.onload = function(){
  // image  has been loaded
};

img.src = image_url;

另请查看：

• 预加载和JavaScript图片（）对象

• Preloading and the JavaScript Image() object

这篇关于新的Image（），如何知道图像是否100％加载？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！