[jQuery]파일 선택후 확장자 빼오고 경로 빼오기

$("#file").change(
    function(){
     val = $(this).val().split("\\");
     f_name = val[val.length-1]; //마지막 화일명
     s_name = f_name.substring(f_name.length-4, f_name.length);//확장자빼오기

     if(s_name.toLowerCase() == '.jpg'){//허용 확장자 비교
      $("#img_file").html(f_name);
     }else{
      alert("jpg 파일만 선택해 주세요.");
      return false;
     }
   });


<input type='file' name='file' id='file' />
<div id='img_file'></div>