JSFiddle - React, Tailwind, and code Playground
HTML
Pilih type .jpg / .png
<form action"#" method="post">
<input type="file" name="gambar" id="gambar" />
<input id="tekan" type="submit" value="Upload"/>
</form>
JavaScript
$(function(){
$('#tekan').click(function(){
var file = $('#gambar').val(); //Ambil Value
var ekstensi = ['jpg','png']; //Variabel array untuk penentuan Ekstensi
if ( file ) {
var ambilekstensi = file.split('.'); //Ambil Ekstensi
ambilekstensi = ambilekstensi.reverse();
if ( $.inArray ( ambilekstensi[0].toLowerCase(), ekstensi ) > -1 ){
alert('Sipp ..');
}
else {
alert( 'Tipe Foto harus .jpg / .png' ); //Alert jika ekstensi tidak cocok
}
}
else
{
alert('Pilih Foto'); //Alert jika value null
}
return false;
});
});