업로드 이미지 미리보기양식
- onfocus : 포커스가 위치할 시 이벤트가 수행됩니다.
- onblur : 포커스가 해제되면 이벤트가 수행됩니다.
----------------------------------------------------------------------------------------
<html>
<script language="JavaScript">
<!--
function in_photo() {
var frm = document.frm1;
if (frm.photo1.value)
/* 업로드양식의 이미지경로를 이미지뷰어창에 할당합니다. */
document.img1.src = frm.photo1.value;
}
-->
</script>
<body>
<center>
<form method="post" name="frm1">
<table border=1 cellpadding=1 cellspacing=0>
<tr>
<td align="center" bgcolor="#d5d3d5">[이미지]</td>
<td>
<input type="file" name="photo1" size=25
/* 포커스가 위치하면 이벤트가 수행됩니다. */
onfocus="this.style.backgroundColor='#f0f0e0'; in_photo()"
onblur="this.style.backgroundColor='#e0e0e0'"> <!-- 포커스가 해제되면 이벤트가 수행됩니다. -->
</td>
</tr>
<tr>
<td colspan=2 align="center">
<br><font size=2>- 미리보기를 할 수 있습니다. -</font><br><br>
<img src="" name="img1" align="absmiddle">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
출처: 인터넷
'IT-개발,DB' 카테고리의 다른 글
| [개발/asp] 스크립트 암호화 프로그램과 설명서 (0) | 2015.06.01 |
|---|---|
| 하이퍼터미널 (0) | 2015.05.15 |
| [개발/mysql] MySQL 5 C# sample code using ObjectDataSources (0) | 2015.03.31 |
| [개발/php] 제로보드,PHP 스팸자동등록방지 기능 (0) | 2015.03.17 |
| [개발/ASP.NET] ASP.NET Life Cycle (0) | 2015.03.17 |
댓글