Membatasi File Input Berdasarkan Extensi di HTML

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.

<input type="file" accept=".xls,.xlsx" />

Teknik MIME

Sebenarnya bisa juga menggunakan teknik MIME, seperti dalam kode dibawah ini.

<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

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.

nyingspot: Blog Seputar Bisnis Teknologi. Temukan hal menarik tentang bisnis dan teknologi hanya di nyingspot.com
Artikel Lainnya

This website uses cookies.