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

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