如何判断一张图片加载完成

在 中，可以使用 `Image` 对象来加载图片，并在图片加载完成后触发 `onload` 事件。判断图片是否加载完成，可以通过 `onload` 事件来实现。以下是一个示例代码：

var img = new Image();
img.onload = function() {
  console.log('图片加载完成');
};
img.src = 'example.jpg'; // 开始加载图片

在上面的代码中，创建一个 `Image` 对象，并设置 `onload` 事件处理函数。当图片加载完成后，会触发 `onload` 事件，执行回调函数并输出信息到控制台。

需要注意的是，如果图片已经被浏览器缓存，那么 `onload` 事件可能会在设置事件处理函数之前就被触发，因此最好在设置 `onload` 事件处理函数之前先将图片的 `src` 属性设置为一个空字符串，再设置为要加载的图片地址。

var img = new Image();
img.onload = function() {
  console.log('图片加载完成');
};
img.src = ''; // 先将图片的 src 属性设置为空字符串
img.src = 'example.jpg'; // 再设置要加载的图片地址

这样可以确保 `onload` 事件处理函数在图片加载完成后才被触发。