[SCRIPT] 업로드시 파일 확장자 확인하기

여기서는 확장자가 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자만 읽어 확장자를 알아냅니다.

그리고 나서 그 확장자가 jsp나 jpg가 아닐경우 경고창을 띄우고 false 값을 리턴하고,

 jsp나 jpg인 경우에는 submit()을 실행하여 업로드가 되게 하는 것입니다.