如何使用 JavaScript 可靠地检查图像加载是否成功以及错误？-js教程-PHP中文网

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

Susan Sarandon

发布： 2024-12-21 16:03:10

原创

446 人浏览过

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