파일 업로드 validation check

파일 업로드를 구현하면서 마주했던 상황에 대해 정리하고자 한다.
* 예제는 jQuery로 작성되었습니다. (필요하다면 javascript로 전환해 사용권장드립니다.)

 

1. 필수로 파일을 1개 이상 등록해야하는 경우
2. 파일의 확장자를 체크해야 하는 경우
3. 파일 이름에 특정 기호가 들어갔는지 확인해야하는 경우

 

function validation_file() {

	// 1. 하나 이상의 파일 필수 등록
	if ($("#fileId").val().trim() == "") {
		alert("파일을 등록해주세요.");
		$("#fileId").focus();
		return false;
	}
	
	// 2. 파일 확장자 체크
	const FILE_NAME = $("#fileId").val();
	const FILE_LENGTH = $("#fileId").val().length;
	const LAST_DOT = $("#fileId").val().lastIndexOf(".");
	const FILE_EXT = FILE_NAME.substring(LAST_DOT, FILE_LENGTH).toLowerCase();
	
	if (FILE_EXT != ".jpg" && FILE_EXT != ".gif" && FILE_EXT != ".png" && FILE_EXT != ".jpeg" && FILE_EXT != ".bmp") {
		alert("이미지 파일만 업로드 할 수 있습니다.");
		$("#fileId").focus();
		return false;
	}
	
	// 3. 파일 이름에 특정 기호가 들어갔는지 확인
	const COUNT = $("#fileId").val().split(".").length -1;
	if (COUNT > 1) {
		alert("파일 이름에는 .을 포함할 수 없습니다.");
		$("#fileId").focus();
		return false;
	}

}