如何实现图片预加载

最新推荐文章于 2024-07-07 18:28:23 发布

lbsnd

最新推荐文章于 2024-07-07 18:28:23 发布

阅读量120

点赞数

分类专栏： Javascript（原生）

本文链接：https://blog.csdn.net/lbsnd/article/details/83972917

版权

Javascript（原生）专栏收录该内容

12 篇文章 0 订阅

订阅专栏

function loadImage(url, callback) {
    var img = new Image(); //创建一个Image对象，实现图片的预下载
     img.src = url;
   
    if (img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数
         callback.call(img);
        return; // 直接返回，不用再处理onload事件
     }

     img.onload = function () { //图片下载完毕时异步调用callback函数。
         callback.call(img);//将回调函数的this替换为Image对象
     };
};