js

ie7 로컬 이미지 파일사이즈 체크

하나에하나 2009. 2. 27. 15:54

<SCRIPT LANGUAGE="JavaScript">
<!--

// 이미지 사이즈
var fileSize = 0;
// 이미지 로딩완료 여부
var imageOk = false;

/*
 *
 */
function checkImg() {
        var file = document.all.testFile;
        var fileExt = '';
        try {
                fileExt =file.value.substring(file.value.lastIndexOf('.')+1)
        }catch(e) { }

        // 확장자 체크
        if(fileExt.toUpperCase() != 'JPG' && fileExt.toUpperCase() != 'GIF' && fileExt.toUpperCase() != 'JPEG') {
                alert("JPG, GIF 파일만 업로드 가능합니다.");
                return;
        }
        // 이미지 객체 로딩
        var img = document.all.testImg;
        img.src = file.value;
}

// 이미지 객체 로딩시 파일크기 및 완료여부 설정
function checkImgSize() {
        var img = document.all.testImg;
        fileSize = img.fileSize;
        imageOk = true;
}

// 실제 액션처리
function testAction() {
        if(!imageOk) {
                alert("아직 이미지가 읽히지 않았습니다.\n\n잠시후 다시 시도해 주세요.");
                return;
        }

        if(fileSize > 50*1024) {
                alert("이미지의 크기는 50KB 이하만 등록 가능합니다.");
                return;
        }

        alert("액션");
        imageOk = false;

}
//-->
</SCRIPT>
</HEAD>

<BODY>
<input type="file" name="testFile" onChange="checkImg();">
<img src="" name="testImg" onLoad="checkImgSize();" style="display:none;">
<a href="javascript:testAction();" >액션</a>
</BODY>