首页 > 代码库 > js判断图片是否加载成功
js判断图片是否加载成功
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0;padding:0;} .main{width:800px;margin:50px auto;border:1px solid #ccc;} .main li{float:left;width:50%;} .main ul{overflow:hidden;} .main li img{width:100%;} li{list-style: none;} </style> <script src=http://www.mamicode.com/"src.js"></script> </head> <body> <div class="main"> <ul> <li> <img src=http://www.mamicode.com/"https://img13.360buyimg.com/mobilecms/s80x80_jfs/t3607/53/1645824653/56317/14fbe587/582eb3d7N41fdab12.jpg!q90.webp" onl oad="imgObj(‘https://img14.360buyimg.com/n4/s130x130_jfs/t3358/84/1745747532/247590/ebbfc20e/58340651N16910ec9.jpg!q90.webp‘)"> </li> </ul> </div> </body> </html>
function imgObj(src){ var _src = http://www.mamicode.com/src+‘?datetime=‘+new Date().getTime(); /** * 加载图片,直到加载完成后才调用回调函数 * @param url 后面读取图片流的url * @param callback 回调函数 */ function loadImage(url, callback) { var img = new Image(); img.src = url; var timer = setInterval(function() { if (img.complete) { callback(img); clearInterval(timer); } }, 50); } /** *图片加载完成 */ function testFun(_ele){ console.log(‘into testFun‘); } loadImage(_src,testFun); }
js判断图片是否加载成功
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。