Jika pada artikel sebelumnya senterwebs dot com menulis artikel tentang Validasi File Upload Gambar dengan PHP Kali ini senterwebs dot com akan berbagi cara bagaimana validasi File Image / gambar dengan HTML5 ,

Di dalam HTML5 terdapat fitur-fitur baru dibandingkapn pendahulunya, ... Ya HTML5 lebih disempurakan lagi fungsinya,, beberapa fungsi yang dulu tidak bisa dilakukan oleh HTML dan Bisa dilakukan oleh Javascript , sekarang HTML5 Hadir dengan banyak atribut lagi, ada atribut placeholder, required dll

Untuk validasi Type Gambar GIF, JPEG, JPG , dan PNG , Kita dapat melakukannya dengan menggunakan HTML5 , yaitu dengan menggunakan atribut accept , berikut ini contoh tag HTML5 Untuk Melakukan Validasi File

<input type="file" name="gambar" 
accept="image/gif,image/jpeg,image/jpg,image/png,">

Dengan menggunakan validasi diatas , data yang akan tampil saat browse data gambar di komputer kita , hanya gambar yang mempunyai ekstensi sesuai data yang di accept seperti "GIF , JPEG dan PNG" , jadi data lain tidak akan muncul

Sangat Simple bukan...? Ya.. Hal ini sangat mudah dilakukan ketimbang kita melakukan validasi dengan menggunakan javascript maupun PHP, Namun Beberapa cara Validasi File Upload Gambar dapat menjadi pilihan bagi kita untuk menerapkan satu validasi atau lebih.