项目开发中时常需要用 JS 判断一张图片是否加载成功,

如果图片加载成功,则执行其相应的 onload 绑定事件,

这个就是我们所说的图片预加载技术,先上最终版代码:

JavaScript代码
  1. function loadImage(url, callback) {    
  2. var img = new Image(); //创建一个Image对象,实现图片的预下载    
  3. img.onload = function(){   
  4. img.onload = null;   
  5. callback(img);   
  6. }   
  7. img.src = url;    
  8. }