Validasi Upload Tipe File dengan jQuery

HTML

<form action"#" method="post">
<input type="file" name="gambar" id="gambar"  />
<input id="tekan" type="submit" value="Upload"/>
</form>

JAVASCRIPT


<script type="text/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 ){
          return true;  //jika cocok return true
        } 
   else {
          alert( 'Tipe Foto harus .jpg' );  //Alert jika ekstensi tidak cocok
        }
      }
  else
      {
         alert('Pilih Foto'); //Alert jika value null 
      }
  return false;
 });

});
</script>


Demo : http://jsfiddle.net/fgQw5/


EmoticonEmoticon