您的位置:首页 > Web前端 > JavaScript

js 判断图片是否加载完成

2016-01-22 16:24 615 查看
1、根据url来加载图片:

/**
* 加载图片,直到加载完成后才调用回调函数
* @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);
}


2、定义callback函数:

function testFun(img){
console.log('into testFun');
}


3、调用上面的方法,代码如下:

loadImage(url+'?datetime='+new Date().getTime(),testFun);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息