javascript - 检查图像是否以 jQuery(或纯 JavaScript)加载

Question

我知道 jQuery 中有一个 load() 事件，它会在图像加载完成时触发。但是，如果在图像加载完成之后附加事件处理程序怎么办？

是否有像 $('#myimage').isLoaded() 这样的属性来检查图像是否已经加载？

Answer 1

您可以查看 complete图片的属性。

Is there a property like $('#myimage').isLoaded() to check if the image is already loaded?

不，但你可以这样做:)

jQuery.fn.isLoaded = function() {
    return this
             .filter("img")
             .filter(function() { return this.complete; }).length > 0;
};

如果集合中的所有图像都已加载，这将生成 true，如果一张或多张图像未加载，则生成 false。您可以根据自己的需要对其进行调整。