아래 소스는 input type="file"로 첨부한 파일의 확장자를 체크하는 간단한 예제 입니다.


var thumbext = document.getElementById('file').value; //파일을 추가한 input 박스의 값

thumbext = thumbext.slice(thumbext.indexOf(".") + 1).toLowerCase(); //파일 확장자를 잘라내고, 비교를 위해 소문자로 만듭니다.

if(thumbext != "jpg" && thumbext != "png" &&  thumbext != "gif" &&  thumbext != "bmp"){ //확장자를 확인합니다.

alert('썸네일은 이미지 파일(jpg, png, gif, bmp)만 등록 가능합니다.');

return;

}


onchange나 submit시에 해당 스크립트로 체크를 해주시면 됩니다.







YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST
  1. noon 2014.04.11 12:24  댓글주소  수정/삭제  댓글쓰기

    잘보고갑니다...
    근데 적용할때는 or 대신 and 조건이 되야하는거 같아요...

    • BlogIcon 권태성 2014.08.05 16:17 신고  댓글주소  수정/삭제

      제가 코드를 잘못작성을 했었네요.ㅎㅎ
      equal 일땐 or 이 맞고 not equal 일땐 and가 맞는데
      착각을 했던것 같습니다. 본문을 수정하였습니다. 감사합니다~

  2. BlogIcon 김똘똘 2014.07.30 15:51 신고  댓글주소  수정/삭제  댓글쓰기

    저 코드에서는 and가 되야하는것이 맞습니다.
    file ext가 jpg여도 or 문이면 png나 gif과 비교할때 true가 리턴되기 때문에 항상 alert이 나옵니다.

    jpg,png,ext가 모두 아닐때를 체크해야하므로 and가 들어가야하죠.

    • BlogIcon 권태성 2014.08.05 16:17 신고  댓글주소  수정/삭제

      제가 코드를 잘못작성을 했었네요.ㅎㅎ
      equal 일땐 or 이 맞고 not equal 일땐 and가 맞는데
      착각을 했던것 같습니다. 본문을 수정하였습니다. 감사합니다~

  3. 남상현 2014.08.07 16:43  댓글주소  수정/삭제  댓글쓰기

    오.. 쩐다 태성이 검색만하면 나오노

  4. nathan 2015.11.03 13:45  댓글주소  수정/삭제  댓글쓰기

    만약 파일명이 2015.11.11.jpg 일 경우 확장자를 11로 인식을 하게되서 조금 손좀봐야할 것 같지만 덕분에 많이 알아보고 갑니다 !

    • BlogIcon 권태성 2015.11.18 14:49 신고  댓글주소  수정/삭제

      이제와서보니 그렇네요..
      웹 개발 시작하면서 초기에 작성했던거라 생각이 너무 없었던거 같아요
      lastIndexOf를 이용해야할 것 같네요