首页 > web前端 > js教程 > 如何可靠地检查 jQuery 中的图像是否已加载,包括错误处理?

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

Barbara Streisand
发布: 2024-12-08 15:11:12
原创
241 人浏览过

How Can I Reliably Check if an Image Has Loaded in jQuery, Including Error Handling?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板