상세 컨텐츠

본문 제목

[javascript] 자바스크립트로 첨부파일 확장자 체크

헉!!/javascript

by 권태성 2013. 5. 7. 19:58

본문

아래 소스는 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시에 해당 스크립트로 체크를 해주시면 됩니다.







관련글 더보기

댓글 영역

  • 프로필 사진
    2014.04.11 12:24
    잘보고갑니다...
    근데 적용할때는 or 대신 and 조건이 되야하는거 같아요...
    • 프로필 사진
      2014.08.05 16:17 신고
      제가 코드를 잘못작성을 했었네요.ㅎㅎ
      equal 일땐 or 이 맞고 not equal 일땐 and가 맞는데
      착각을 했던것 같습니다. 본문을 수정하였습니다. 감사합니다~
  • 프로필 사진
    2014.07.30 15:51 신고
    저 코드에서는 and가 되야하는것이 맞습니다.
    file ext가 jpg여도 or 문이면 png나 gif과 비교할때 true가 리턴되기 때문에 항상 alert이 나옵니다.

    jpg,png,ext가 모두 아닐때를 체크해야하므로 and가 들어가야하죠.
    • 프로필 사진
      2014.08.05 16:17 신고
      제가 코드를 잘못작성을 했었네요.ㅎㅎ
      equal 일땐 or 이 맞고 not equal 일땐 and가 맞는데
      착각을 했던것 같습니다. 본문을 수정하였습니다. 감사합니다~
  • 프로필 사진
    2014.08.07 16:43
    오.. 쩐다 태성이 검색만하면 나오노
  • 프로필 사진
    2015.11.03 13:45
    만약 파일명이 2015.11.11.jpg 일 경우 확장자를 11로 인식을 하게되서 조금 손좀봐야할 것 같지만 덕분에 많이 알아보고 갑니다 !
    • 프로필 사진
      2015.11.18 14:49 신고
      이제와서보니 그렇네요..
      웹 개발 시작하면서 초기에 작성했던거라 생각이 너무 없었던거 같아요
      lastIndexOf를 이용해야할 것 같네요