Javascript – Mendeteksi Broken Image / Gambar

Mendeteksi Broken Image Url

Mendeteksi Broken Image Url

Javascript – Mendeteksi Broken Image / Gambar  – Ini adalah cara yang paling ringan dan tidak membutuhkan resource besar ketika kita ingin mengetahui sebuah link atau url sebuah gambar atau image apakah rusak atau tidak. Di banding dengan php penggunaan javascript lebih ringan di karenakan eksekusi yang dilakukan adalah di browser klien atau browser pengunjung sebuah web. Untuk cara mendeteksi broken image dengan php silahkan di baca. Kalau untuk saya sendiri saya lebih suka menggunakan javascript, karena lebih menghemat resurce yang kita miliki. Coba bayangkan jika banyak url gambar yang akan kita deteksi, maka ini akan memakan resource yang sangat besar bukan. ?, namun jika ini di eksekusi di klien, maka ekskusi bergantuk pada jaringan yang di miliki klien.

Javascript – Mendeteksi Broken Image / Gambar


<img alt="" src="urlgambar.jpg"
<code>onError="this.onerror=null;this.src='/images/noimage.gif';"</code>
/>

Fungsi yang digunakan adalah onError pada javascript. Selanjutnya untuk mengantisipasi gambar atau source image yang broken tersebut dapat digantikan dengan gambar lain yaitu dengan menempatkan source gambar pengganti pada fungsi
this.src

Demikian cara dengan javascript semoga membantu dan dapat digunakan dengan bijak seperti ini 😀

2 comments on “Javascript – Mendeteksi Broken Image / Gambar

  1. TOMO January 11, 2017 3:38 pm

    Apa sih ini? belum selesai ya?

    • admin January 11, 2017 8:16 pm

      Mas @tomo, maaf kemarin ada salah teknis dalam postingan, untuk javascriptnya rupanya tidak masuk dan sudah perbaiki.. Terimakasih komentarnya.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>