loadImage.js 源码

`loadImage.js`通常是一个JavaScript库，用于加载图片资源。这个库可能是为了简化异步图片加载、处理错误、优化性能而设计的。它可能会利用Promise或现代浏览器的`fetch` API来加载图片，并提供回调函数或事件驱动的方式来处理加载完成的状态。

源码可能包含以下几个部分：

1. 引入必要的模块（如Node.js环境下的fs模块，浏览器环境下可能无此需要）；
2. 定义加载图像的方法，接受文件URL或路径作为输入；
3. 使用Promises处理异步加载，当图片加载完成后返回一个解析的对象；
4. 错误处理，如果加载过程中发生异常，会捕获并可能抛出错误信息；
5. 可能包含选项配置，允许用户自定义加载行为（比如设置跨域请求头、预加载等）；
6. 如果是浏览器端，可能会有对响应式图片或懒加载的支持。

// 模拟一个简单的loadImage.js源码片段
function loadImage(url, options) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = () => resolve(img);
    img.onerror = reject;
    
    // 设置默认选项
    img.crossOrigin = 'anonymous'; // 防止跨域
    img.src = url; // 初始化图片加载

    // 应对其他可选配置
    if (options && options.preload) {
      document.body.appendChild(img); // 懒加载时先放入文档流中
    }
  });
}

// 使用示例
loadImage('image.jpg')
  .then(img => console.log('图片加载成功', img))
  .catch(err => console.error('图片加载失败', err));