[Javascript] 자바스크립트(JS) 파일 확장자 체크하기

 

 

자바스크립트(Javascript)의 파일 확장자 체크

자바스크립트(Javascript)로 업로드하는 파일의 확장자를 체크하여 파일 업로드 시 일부의 파일 확장자를 제한이 가능합니다. 특히, 이미지 파일의 확장자를 체크하여 파일 업로드 시 확장자를 제한이 가능합니다. 방법으로는 업로드되는 파일명의 뒷자리에서부터 '.'을 찾아서 체크를 할 수 있습니다.

뒷자리에서부터 '.'을 찾을때에는 lastIndexOf() 함수를 사용하여 찾을 수 있습니다.

 

//파일 확장자 체크하기


<input type="file" name="uploadFile" id="uploadFile" onchange="fileUploadCheck(this.value)" >

<script>
function fileUploadCheck(fileVal)
{
    
    //파일명 길이
    let fileLength = fileVal.length;
    //파일의 확장자 추출
    let fileDot = fileVal.lastIndexOf(".");
    //파일의 확장자 소문자로 변경
    let fileType = fileVal.substring(fileDot+1, fileLength).toLowercase();
    
    
}
</script>