Membatasi File Input Berdasarkan Extensi di HTML

Membatasi ekstensi file input apakah bisa jika divalidasi menggunakan html? ternyata bisa! coba lihat selengkapnya
299  
       

Validasi file input di html memang biasanya dinilai tidak perlu, karena biasanya validasi ini bermain di backend. Namun, apakah bisa jika divalidasi menggunakan html? ternyata bisa. coba lihat kode selengkapnya.

[code lang=”html”]
<input type="file" accept=".xls,.xlsx" />
[/code]

Teknik MIME

Sebenarnya bisa juga menggunakan teknik MIME, seperti dalam kode dibawah ini.
[code lang=”html”]
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
[/code]

Browser yang Mendukung

Tidak semua browser mendukung, hanya untuk Internet Explorer versi 10 keatas (IE 10+), Microsoft Edge, Google Chrome, dan Firefox versi 42+. Untuk safari dan lainnya harap bersabar. Pastikan menggunakan validasi ganda di backendnya juga untuk menghindari hal-hal yang tidak diinginkan.

Demikian. Semoga membantu.

Leave a Reply

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