Mengatasi Gambar tidak Tampil Akibat Sistem Error dengan JavaScript

Default Images

kangpepe.com | Pada kesempatan kali ini banyak kita temui gambar dari suatu data atau artikel yang tidak tampil akibat perubahan upload data maupun pergantian url dari gambar tersebut, biasnya seorang programer melakukan falidasi data gambar menggunakan logika if dan else namun jika kita lakukan ini pada file.php lainya kita akan mengulang kembali untuk penulisanya.

Kali ini saya akan memberi sedikit trik mengatasi ini dengan menggunakan JavaScript agar pengulanganpenulisan logika if dan else tidak terlalu banya pada form-form file.ph lainya.

LANGKAH MENGGANTI GAMBAR DEFAUL

Sesuaikan coding dibawah ini dengan website yang anda miliki, dibawah ini hanya membuat diaman penerapan JavaScript yang dapat digunakan menggunakan pemanggilan data onerror="imgError(this);" agar mengganti gambar kangpepe-img.png jika error atau idak ditemukan akan secara automatis terganti dengan kangpepe-defaul.png sesuai gambar defaul yang anda miliki :


 <!DOCTYPE html>
<html lang="en">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
 </head>
 <body>
 
 <img src="https://www.kangpepe.com/assets/img/kangpepe-img.png" onerror="imgError(this);" />
 
 <script type="text/javascript">
 
 function imgError(image) {
 image.onerror = "";
 image.src = "kangpepe-defaul.png";
 return true;
 }
 
 </script>
 </body>
</html>



Sesuaikan data pada website anda dan letakan coding javasript anda sebelum penutup dari body sehingga anda tidak perlu mengulang kembali logika if dan else dari setiap perubahan
Recommend Article × +

OWNER AND CO OF PT. TRANS TECHNO Freelance Web Design and Yii2 Development in ICT STKIP PGRI WEST SUMATRA. While Studying MAGISTER UPI-YPTK Padang,CEO CMS Codepedia, Lives in Padang - Indonesia | WhatsApp : 0853-7516-4491

Related Posts

Update Sesudahnya
« Prev Post
Update Sebelumnya
Next Post »