이미지 실시간 보여주기, 용량체크, 스타일동적교체
인터넷정보2007. 10. 18. 14:05
<title>이미지실시간보여주기, 용량체크하기, 스타일동적교체</title>
<style type=text/css>
.upbg3 {
display:visible;
}
.kk {
display:none;
}
</style>
<script>
<!--
function imgChange( img ) {
var cs_img = document.all.coverstory_img;
if(event.srcElement.value.match(/(.[jJ][pP][eE]?[gG]|.[gG][iI][fF]|.[pP][nN][gG])/)) {
document.all['coverstory_img'].className='upbg3';
cs_img.src = img;
setTimeout('checkImgSize()', 500);
} else {
update.value=0;
cs_img.src="http://img.yahoo.co.kr/club/club/cover/img_cover_photo.gif";
alert("업로드 할 수 없는 파일 형식입니다");
}
}
function checkImgSize() {
var cs_img = document.all.coverstory_img;
var yahooimg = document.varform.yahooimg;
var userimg = document.varform.userimg;
var update = document.varform.update;
if ( cs_img.fileSize > 100 * 1024 ) {
alert("100K 이상의 이미지는 업로드 할 수 없습니다.");
cs_img.src = "http://img.yahoo.co.kr/club/club/cover/img_cover_photo.gif";
update.value = 0;
return false;
}
return true;
}
-->
</script>
<form name="varform" method=post action="/king/COVERSTORY/edit.html" ENCTYPE='multipart/form-data'>
<img src="http://img.yahoo.co.kr/club/club/cover/img_cover_photo.gif" width="269" height="196" name="coverstory_img" class=kk>
<br>
<input type="file" name="img" onChange="imgChange(document.varform.img.value)">
</form>
<ul style=color:#ff9933;font-weight:bold;font-size:12pt>
<li>이미지 실시간으로 보여주기
<li>이미지 용량 체크해주기
<li>이미지 넣는 순간 스타일 바꿔 적용하기
</ul>
<style type=text/css>
.upbg3 {
display:visible;
}
.kk {
display:none;
}
</style>
<script>
<!--
function imgChange( img ) {
var cs_img = document.all.coverstory_img;
if(event.srcElement.value.match(/(.[jJ][pP][eE]?[gG]|.[gG][iI][fF]|.[pP][nN][gG])/)) {
document.all['coverstory_img'].className='upbg3';
cs_img.src = img;
setTimeout('checkImgSize()', 500);
} else {
update.value=0;
cs_img.src="http://img.yahoo.co.kr/club/club/cover/img_cover_photo.gif";
alert("업로드 할 수 없는 파일 형식입니다");
}
}
function checkImgSize() {
var cs_img = document.all.coverstory_img;
var yahooimg = document.varform.yahooimg;
var userimg = document.varform.userimg;
var update = document.varform.update;
if ( cs_img.fileSize > 100 * 1024 ) {
alert("100K 이상의 이미지는 업로드 할 수 없습니다.");
cs_img.src = "http://img.yahoo.co.kr/club/club/cover/img_cover_photo.gif";
update.value = 0;
return false;
}
return true;
}
-->
</script>
<form name="varform" method=post action="/king/COVERSTORY/edit.html" ENCTYPE='multipart/form-data'>
<img src="http://img.yahoo.co.kr/club/club/cover/img_cover_photo.gif" width="269" height="196" name="coverstory_img" class=kk>
<br>
<input type="file" name="img" onChange="imgChange(document.varform.img.value)">
</form>
<ul style=color:#ff9933;font-weight:bold;font-size:12pt>
<li>이미지 실시간으로 보여주기
<li>이미지 용량 체크해주기
<li>이미지 넣는 순간 스타일 바꿔 적용하기
</ul>
'인터넷정보' 카테고리의 다른 글
팝업창 소스 제작기 (0) | 2007.10.18 |
---|---|
엔터(Enter)키가 탭(Tab)키 처럼 동작하게 하기 (0) | 2007.10.18 |
레이어를 이용한 팝업 메뉴 (0) | 2007.10.18 |
tertris(태트리스) 게임 (0) | 2007.10.18 |
한글 입력 방지 (0) | 2007.10.18 |
간단하게 글자수 제한하기 (0) | 2007.10.18 |
이미지 없을때 표시되지 않게 하는 방법 (0) | 2007.10.18 |
메뉴 자동 생성기 (DHTML) (0) | 2007.10.18 |
공백만으로 구성된 문자열 체크 (0) | 2007.10.18 |
사업자등록번호, 주민등록번호 등 편리하게 붙혀넣기 (0) | 2007.10.18 |