Javascript 如何检查图像是否加载了jQuery？

我的页面上有一个基本的图像元素。我正在捕获它的加载事件，以便将消息记录到我的控制台

$("#myImg").on('load', function() {
    console.log("Loaded");
});

上面的代码工作得非常好，除非正在加载的图像已经存在于用户缓存中，否则根本不会加载消息

是否存在诸如loaded之类的事件来检查图像是否已加载

在加载事件之前检查imageObj.complete。complete是图像对象属性

：返回一个布尔值，如果浏览器已完成图像的获取（无论是否成功），则该布尔值为true。如果图像没有src值，它也显示true

var elem=$myImg； 如果项目“完成”的要素{ console.log正在等待加载！； “加载”时的元素，功能{ 控制台。日志加载！； console.logthis.complete； }; }否则{ console.log已加载！； }

---

可以将随机数作为版本附加到图像。因此，每次重新加载页面时，它都会加载图像，而不是从缓存中取出图像

var randNum = Math.random();
var imageSource= "../include/images/image.png?v="+randNum ;

---

将imageSource分配给img标记的src属性。

在加载之前使用imageObj.complete。即使图像未缓存，prop'complete'也会返回true调整您的语句。当您需要等待所有图像加载到滑块中时，它会像一个符咒一样工作！谷歌给我的最好答案。谢谢@Rayon！