首页 >web前端 >js教程 >如何使用 JavaScript 可靠地检查图像加载是否成功以及错误?

如何使用 JavaScript 可靠地检查图像加载是否成功以及错误?

Susan Sarandon
Susan Sarandon原创
2024-12-21 16:03:10524浏览

How Can I Reliably Check for Successful Image Loading and Errors with JavaScript?

如何使用 jQuery 验证图像加载成功和错误

使用 jQuery 操作图像缩略图涉及处理成功加载和错误。虽然 jQuery 的 load() 和 error() 方法有所帮助,但它们可能无法检测到注册之前出现的问题。

一种方法是检查图像 DOM 元素的 .complete 属性,确保图像尚未加载在触发 jQuery 事件之前。但是,此方法无法检测事件注册之前的错误。

更有效的解决方案是检查 .complete 和 .naturalWidth 属性,如 Stereochro.me 所建议:

function IsImageOk(img) {
    // Check for incomplete images
    if (!img.complete) {
        return false;
    }

    // Check for zero width in failed images
    if (img.naturalWidth === 0) {
        return false;
    }

    // Assume image is valid
    return true;
}

此功能系统地验证图像加载是否成功,并检测甚至在 jQuery 事件注册之前出现的错误。

以上是如何使用 JavaScript 可靠地检查图像加载是否成功以及错误?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn