이미지 업로드 미리보기 기능 스크립트
<html>
<head>
<script language="javascript">
function addTempImage ()
{
document.ImgForm.contents.value=document.ImgForm.photo.value;
document.ImgForm.submit();
}
function PhotoPrev(form)
{
if (form.photo.value) {
form.img1.src = form.photo.value;
//document.all['photo'].style.display="block"
}
}
</script>
</head>
<body>
<table>
<tr>
<form name="ImgForm" action="" method="post" enctype="multipart/form-data">
<td>
<input type="hidden" name="contents">
<input type="file" name="photo" size="20" onFocus="PhotoPrev(this.form);">
<input type="button" value="전송" onClick="addTempImage(this.form);"></td><tr>
<tr><td>
<img src="./images/t.gif" name="img1" alt="현재그림" border="0">
</form>
</body>
</html>
- 펌 - http://suldo.zotta.net/
'인터넷관련' 카테고리의 다른 글
| CSS와 자바스크립트로 만든 간단하고 깔끔한 메뉴 (0) | 2008.01.30 |
|---|---|
| 메뉴에 마우스오버시 배경색이 이동하면서 바뀌는 스크립트 (0) | 2008.01.30 |
| 레이어 사용시 Select 객체에 가려지는 문제에 대한 해결책 (0) | 2008.01.30 |
| 마우스커서 회전시키기 (0) | 2008.01.30 |
| 음악가사(자막) 띄우기 (0) | 2008.01.30 |
| 레이어 이동 기능 켜기/끄기 (0) | 2008.01.30 |
| 링크클릭으로 음악재생 및 정지 (0) | 2008.01.30 |
| 파일업로드 버튼 이미지로 바꾸기 (0) | 2008.01.30 |
