Mengapa Atribut `onerror` untuk Imej Kadang-kadang Gagal dalam Chrome dan Mozilla?

Mengendalikan Imej Rosak dengan Atribut onerror

HTML elemen menyediakan atribut onerror yang membolehkan pembangun menentukan imej alternatif atau tindakan yang perlu diambil jika imej utama gagal dimuatkan. Walau bagaimanapun, pengguna telah melaporkan menghadapi masalah dengan atribut ini dalam penyemak imbas tertentu seperti Chrome dan Mozilla.

Untuk menyelesaikan isu ini, adalah disyorkan untuk menggunakan struktur kod berikut:

<code class="html"><img src="invalid_link"
     onerror="this.onerror=null;this.src='https://placeimg.com/200/300/animals';"
></code>

Kod ini berfungsi dengan menetapkan pengendali onerror kepada null selepas mencetuskan kali pertama. Ini menghalang gelung peristiwa ralat yang tidak terhingga sekiranya URL sandaran juga tidak sah.

Demo Langsung: http://jsfiddle.net/oLqfxjoz/

Atas ialah kandungan terperinci Mengapa Atribut `onerror` untuk Imej Kadang-kadang Gagal dalam Chrome dan Mozilla?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!