본문 바로가기

프로그래밍/제이쿼리

파일 선택시 검증하기























파일업로드시
자바스크립트로 파일 선택되면 파일 사이즈 및 확장자 체크 하기




    jQuery(function($) {
        $('#img_file').bind('change', function () {
// 1메가 1,048,576
var img_limit = 1048576;
            //this.files[0].size gets the size of your file.
            //alert(this.files[0].size);
            var file = $("#img_file").val();  // 폼.파일이름.value
            var fileExt = file.substring(file.lastIndexOf('.')+1); //파일의 확장자를 구합니다.


            if(this.files[0].size > img_limit){
alert("이미지 용량은 1메가 이하로 업로드해주세요.");
$("#img_file").val("");
return false;
}else{

                if (fileExt.toUpperCase() == "JPG"|| fileExt.toUpperCase() == "GIF"||fileExt.toUpperCase() == "PNG"){
 
                }else{

                    alert("JPG, PNG, GIF 파일만 업로드 하실 수 있습니다.");
                    $("#img_file").val("");
                    return false;

                }
}
        });
    });