[JAVASCRIPT] javascript에서 업로드시 파일 확장자 확인하기

이부분에서느 확장자가 jsp, jpg 파일일때만 파일 업로드가 가능한 예제 소스만 적을 것입니다.

다른 확장자도 비교하고 싶으시면 자바스크립트 비교 연산자 부분에서 추가로 늘려주시면 됩니다.


HTML부분. 위는 파일 선택창, 아래는 파일 업로드 확인 창

<form name="fileForm" method="post" enctype="multipart/form-data">
      <input type="file" style="WIDTH: 320px" name="uploadFile" >
      <input type="button" value="File Upload" onclick="javascript:checkFile()">
</form>

자바스크립트 부분

function checkFile()
{
      var fm  = document.fileForm;    
      var fnm = fm.uploadFile;
      var ext = fnm.value;

      if( !(ext.substr(ext.length-3) == 'jsp' || ext.substr(ext.length-3) == 'jpg'))
      {
            alert("jsp/jpg 파일만 올릴수 있습니다.");
            return false;
       }
       fm.submit();
}


업로드 할 파일명과 확장자를 가지고 와서 맨 뒤의 3자리만 잘라와서 비교를 합니다.

파일 뒤 3자리가 jsp나 jpg가 아니면 false를 리턴하고 맞으면 submit을 하는 구조입니다.