Javascript 파일 업로드 용량 체크

<!-- 파일 용량 체크 -->
<script>
	filechk = function(){
		/* 파일 크기 검사 */
		var fileSize = document.getElementById("File").files[0].size;
		var maxSize = 3 * 1024 * 1024; //3mb  // 1024*1024 = 1048579 = 1mb

		// 1) 파일용량 체크
		if(fileSize > maxSize){ // 용량 초과시
			var msg = maxSize / 1048576 + "MB 이하의 파일만 업로드 가능합니다.";
	    	return msg;
	    } else { // 용량이 초과하지 않을 시
	    	return "Y";
	    }
	}
</script>

 

자바 스크립트에서 파일 용량 유효성 체크 시 사용할 수 있는 소스입니다.

maxSize는 원하는 용량을 정하시면 되는데, 용량 계산식은 다음과 같이 사용할 수 있습니다.

var maxSize = 1 * 1024 * 1024; // or 1024 * 1024; // 1mb
var maxSize = 2 * 1024 * 1024; // 2mb
var maxSize = 3 * 1024 * 1024; // 3mb
var maxSize = 4 * 1024 * 1024; // 4mb
.
.
.
var maxSize = 100 * 1024 * 1024; // 100mb

 

해당 코드를 공통 모듈화를 시켜서 호출하여 재사용할 수 있는 방식으로 해놓았습니다.

var file_key = filechk(); // Y 이거나 N 일때는 지정된 MSG

이런 식으로 호출해서 IF분기점에 Y가 면 정상 진행을 Y가 아니면 담긴 메시지를 뿌려주면 됩니다.