通过jQuery检测图像加载

Question

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

我在.click事件上更改了此图片的src。

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

1）我怎么知道，图片是否已经加载（应该被缓存）还是必须加载？

2）如何运行两个不同的功能，对于加载而不是？

感谢。

Answer 1

您需要附加load event的事件处理程序：

2017年更新：

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

普通的JS / DOM：

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