[javascript/jquery] javascript file extension check example / 자바스크립트 파일 확장자 체크 방법

[javascript/jquery] javascript file extension check example / 자바스크립트 파일 확장자 체크 방법

 

 

javascript 에서

 

파일업로드를 다루다 보면

 

선택된 파일의 확작자를 확인해봐야 하는 경우가 있습니다.

 

그럴때는 아래와 같이 하시면 됩니다.

 

 

 

예를 들어서

 

아래와 같이 input_file 라는 아이디를 가지는 input file 태그가 있다고 가정하고,

<input type="file" id="input_file" onchange="file_chk()"/>

 

위 태그에서 파일이 변경될때마다

 

호출되는 file_chk 라는 함수를 아래와 같이 구성합니다.

 

function file_chk() {
    var fileName = $("#input_file").val();

    var ext = (fileName.substr(pathFileName, fileName.length)).toLowerCase();

    console.log(ext);
}

 

만약 png 파일을 선택했다면

 

위 console.log(ext) 의 결과는 

 

아래와 같이 출력됩니다!

 

png

 

위 내용을  활용하시면 

 

파일의 확장자를 쉽게 확인할 수 있습니다!

 

참고들 하세요!