如何可靠地检查 jQuery 中的图像是否已加载，包括错误处理？

jQuery：检查图像是否已加载（处理错误）

在 jQuery 中，您可以使用 load 检查图像是否已加载() 和 error() 事件。但是，在 jQuery 注册这些事件之前发生错误时存在限制。

要解决此问题，您可以验证图像的完整属性，以确保在 jQuery 执行操作之前它尚未加载。但是，此方法无法检测注册事件之前发生的错误。

解决方案：

更可靠的解决方案包括检查以下顺序：

function IsImageOk(img) {
  // Check if the image is complete
  if (!img.complete) {
    return false;
  }

  // Check if the image has a valid natural width
  if (img.naturalWidth === 0) {
    return false;
  }

  // Assume the image is okay
  return true;
}

通过先检查完成，可以快速判断图片是否已经加载。如果没有，则检查naturalWidth，它提供图像的真实大小。如果为零，则图像加载失败。这种方法确保在 jQuery 事件注册之前检测到加载成功和错误。

以上是如何可靠地检查 jQuery 中的图像是否已加载，包括错误处理？的详细内容。更多信息请关注PHP中文网其他相关文章！