如何使用 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中文網其他相關文章！