检查图像是否已完全加载

【问题标题】：Check if image is fully loaded检查图像是否已完全加载
【发布时间】：2018-05-22 08:23:09
【问题描述】：

你能帮帮我吗？

在使用下面的这个函数设置src之前如何检查img是否完全加载？

<img class="loadlater" data-src="path/to/image.ext"/>

$(document).ready(function(){
    $(".loadlater").each(function(index, element){
        $(element).attr("src", $(element).attr("data-src"));
    });
});

谢谢

【问题讨论】：

Detect image load的可能重复
但是如何在设置 src 之前检查图像是否已完全加载？

标签： javascript jquery

【解决方案1】：

您可以这样做的一种方法是使用onLoad 功能：

<img class="loadlater" data-src="path/to/image.ext" onLoad="function()"/>

这将在元素加载后立即调用该函数

【讨论】：

onLoad="function()" 会在图片完全加载后启动吗？
是的，一旦元素加载完毕，它就会调用该函数（这适用于所有 HTML 元素）