<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="javascripｔ:testAction();" >액션</a>
</BODY>
'js' 카테고리의 다른 글
| 부분만 인쇄하기 (0) | 2009.02.27 |
|---|---|
| 자바스크립트의 객체들 메소드 & 속성 등 (0) | 2009.02.27 |
| javascript 정규표현식1 (0) | 2009.02.27 |
| self.close() 닫을까요? 묻지 않기 (0) | 2009.02.27 |
| resize - 브라우저 크기 조절 (플래쉬 연동 가능) (0) | 2009.02.27 |