javascript - new Image(),如何知道图像是否 100% 加载?

标签 javascript jquery

我正在使用

创建新图像
img = new Image();
img.src = image_url;

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

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

我怎么知道 img.src 已经 100% 加载了?最佳做法是什么? img.complete 在某些浏览器中对我来说似乎是个小问题。

所以,换句话说,我需要将 img.src 分配给 $("#my_img") 只有在 img 之后100% 加载。

谢谢!

最佳答案

使用load事件:

img = new Image();

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

img.src = image_url;

另请参阅:

关于javascript - new Image(),如何知道图像是否 100% 加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3511200/

相关文章:

javascript - 如何使用 onclick 使用 fancybox?

javascript - map 绘制显示错误 - TypeError : k[bd].maps.Load 不是函数

javascript - 根据表的第一行和表的第一列中的类向表的行和类添加类

javascript - 在没有 'var' 的情况下声明现有变量是否使其成为全局变量或仅更改值?

javascript - 如何使我自己的 jQuery 对话框像 jQuery UI 对话框一样使用不透明度?

javascript - 日期格式

javascript - Angular 是否具有 JQuery find() 的等价物

php - javascript - 如何将 json 数据分配给 HTML 元素并发送到 API onclick?

javascript - 使用正则表达式捕获冒号和逗号之间的字符

javascript - MDL 动画停止处理复制的 <fieldset>