javascript - 通过 jQuery 检测图像加载

Question

<img src="http://site.com/image.png" />

我在 .click 事件中更改了这张图片的 src。

改变src后可以加载20多张不同的图片。

1) 我怎么知道图像已经加载(应该缓存)还是必须加载？

2) 如何运行两个不同的函数，加载和未加载？

谢谢。

Answer 1

您需要为 load 事件附加一个事件处理程序:

2017 年更新:

$('img').on('load', function() {
    alert('new image loaded: ' + this.src);
});

纯 JS/DOM:

imgNode.onload = () => {
    alert('new image loaded: ' + this.src);
};