javascript 정규식으로 파일 확장자 검사하기 (파일 여러개도 가능)

 

파일을 업로드하였을때, 원하는 확장자를 가진 파일인지 검사한다.

 

<form name="frm" onSubmit="return false;">
	<div>
		<input type="file" id="file1"/>
		<input type="file" id="file2"/>
		<a onclick="submitItem()" href="#">확인</a>
	</div>
	<textarea name="resultBox" style="margin-top:10px;width:500px;"></textarea>
</form>

function submitItem() {
	var frm = document.frm;
	frm.resultBox.value = checkExt(frm);
}

function checkExt(frm) {
	var validExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|mp4|avi|mkv|mov|doc|docx|ppt|pptx|pdf|txt|xls|xlsx)$/i;

	for (var i = 0; i < frm.elements.length; i++) {
		var element = frm.elements[i];
		if (element.type === 'file') {
			if (element.files.length > 0) {
				var fileName = element.files[0].name;
				if (!validExtensions.test(fileName))
				{
					return "잘못된 확장자입니다. (파일명 : "+fileName+")";
				}
			}
			else {
				return "파일을 업로드하지 않았습니다.";
			}
		}
	}

	return "올바른 확장자입니다.";
}