My Programing/HTML and JavaScript
JS :: 업로드 이미지 미리보기 양식
nkdk
2008. 6. 16. 10:16
- 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>