관리 메뉴

안웅

[Jquery] 원하는 파일 확장만 선택하기 본문

Jquery

[Jquery] 원하는 파일 확장만 선택하기

안웅 2013. 10. 30. 13:52
<input type="file" id="report" name="report"/>


//파일 선택시
$('#report').on("change", function(){
	//확장자 비교
	//http://stackoverflow.com/questions/14852090/jquery-check-for-file-extension-before-uploading
	var filename = $('#report').val();
	var extension = filename.replace(/^.*\./, '');
	if (extension == filename) {
        extension = '';
    } else {
        extension = extension.toLowerCase();
    }
	
	//이미지 파일은 JPG, PNG 확장자만 가능
	if( (extension != 'jpg') && (extension != 'png') ) {
		//초기화
		//http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery
		var control = $("#report");
		control.replaceWith( control = control.clone( true ) );
		
		alert("이미지 파일은 JPG, PNG 확장자만 가능합니다.");
	}
});


Comments