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.