Bagaimanakah saya boleh memuatkan imej luaran secara tidak segerak menggunakan jQuery?

Pemuatan Imej Asynchronous dengan jQuery

Soalan: Adakah mungkin untuk memuatkan imej luaran secara tidak segerak menggunakan jQuery? Jika ya, bagaimana?

Respons:

Ya, adalah mungkin untuk memuatkan imej secara tidak segerak menggunakan jQuery. Berikut ialah dua kaedah yang boleh anda gunakan:

Kaedah 1: Menggunakan Permintaan XHR

$.ajax({
    url: "http://somedomain.com/image.jpg",
    timeout: 5000,
    success: function() {
        // Handle success
    },
    error: function(r, x) {
        // Handle error
    }
});

Walau bagaimanapun, kaedah ini mungkin tidak selalu mengembalikan ralat untuk imej yang tidak tersedia.

Kaedah 2: Menggunakan Kaedah beban

var img = $('<img />').attr('src', 'http://somedomain.com/image.jpg')
    .on('load', function() {
        if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
            alert('Broken image!');
        } else {
            $("#something").append(img);
        }
    });

Kaedah ini membolehkan anda mengendalikan 404 ralat dengan menyemak sama ada imej rosak atau tidak.

Atas ialah kandungan terperinci Bagaimanakah saya boleh memuatkan imej luaran secara tidak segerak menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!