jQuery 或 Javascript 检查图像是否已加载

我知道 Stackoverflow 上有很多这样的内容，但我还没有在最新版本的 jquery (1.10.2) 中找到适合我的内容。

我确实尝试过：

$(".lazy").load(function (){}

但我相信经过一些研究使用.loadjQuery 1.8 中不推荐使用检测图像加载的方法。我需要做的是在加载图像后触发图像调整大小功能。我无法控制 HTML，目前我必须通过 jQuery 通过附加属性（通过.attr()）一旦页面加载，我就可以使用lazyload js。

问题是我需要一种准确的方法来推迟所有各种脚本，直到图像正确加载为止，否则函数有时会在每个图像加载之前触发。我尝试过使用$(window).load(function (){});然而，有时在每张图像加载之前它仍然会触发。

我通常这样做：

var image = new Image();
image.onload = function () {
   console.info("Image loaded !");
   //do something...
}
image.onerror = function () {
   console.error("Cannot load image");
   //do something else...
}
image.src = "/images/blah/foo.jpg";

请记住，加载是异步的，因此您必须在onload and onerror events.