Bagaimanakah Saya Boleh Menyemak Berjaya Pemuatan Imej dan Ralat dengan JavaScript?

Cara Mengesahkan Kejayaan Pemuatan Imej dan Ralat dengan jQuery

Memanipulasi lakaran kecil imej dengan jQuery melibatkan pengendalian kedua-dua pemuatan dan ralat yang berjaya. Walaupun kaedah load() dan error() jQuery membantu, mereka mungkin tidak mengesan isu yang timbul sebelum pendaftaran mereka.

Salah satu pendekatan ialah menyemak sifat .complete elemen DOM imej, memastikan imej belum dimuatkan sebelum mencetuskan acara jQuery. Walau bagaimanapun, kaedah ini gagal mengesan ralat yang mendahului pendaftaran acara.

Penyelesaian yang lebih berkesan ialah menyemak kedua-dua sifat .complete dan .naturalWidth, seperti yang dicadangkan oleh 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;
}

Fungsi ini secara sistematik mengesahkan kejayaan memuatkan imej dan mengesan ralat yang timbul walaupun sebelum pendaftaran acara jQuery.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyemak Berjaya Pemuatan Imej dan Ralat dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!