自定义图片预加载组件失效求助：onload未触发且无GET请求

云上老周

2026-5-19

解决图片预加载组件onload不触发、无GET请求的问题

嘿，我帮你梳理了这个图片预加载组件的问题，找到了核心原因和修复方案：

1. 核心问题：Image实例未触发请求

你写的preloadImage函数里，创建了Image实例并绑定了onload事件，但最后没有给实例赋值src属性——这就相当于你准备了一个容器，却没往里面装要加载的图片地址，浏览器自然不会发起GET请求，onload事件也就无从触发了。

2. 修复后的关键代码

把preloadImage函数补全src赋值的步骤，同时建议加上onerror回调来捕获加载异常，方便调试：

preloadImage(url, callback) {
  const img = new Image();
  
  img.onload = () => {
    callback(null, img);
  };
  
  img.onerror = (error) => {
    console.error('图片加载失败:', url, error);
    callback(error);
  };
  
  // 关键：赋值src触发浏览器加载
  img.src = url;
}