무한 이미지 업로드
페이지 정보
작성자 서방님 댓글 0건 조회 208회 작성일 07-08-08 10:50본문
출처 : http://jsguide.net/ver2/examples/index.php?mode=view&category=2&qstr=&uid=479&page=1
업로드할 파일이 이미지일 경우에
왼쪽에 조그맣게 썸네일 이미지가
보이도록 만들어봤습니다.
++네스케잎에서는 테스트를 안 해봤습니다.
++쥔장님께서 복잡한 소스를 간단하게 손봐주셨습니다. 감사^^ 합니다.
<html>
<head>
<script language="javascript">
function AddFile()
{
var objTbl = document.all["tblAttFiles"];
var objRow = objTbl.insertRow();
var objCell = objRow.insertCell();
objCell.innerHTML =
"<img width=91 src="http://izenic.com/galley/selImg.gif align=absbottom>n" +
"<input type=file onChange='CkImageVal()' name=AttFile[] size=40>";
document.recalc();
}
function CkImageVal() {
var oInput = event.srcElement;
var fname = oInput.value;
if((/(.jpg|.jpeg|.gif|.png)$/i).test(fname))
oInput.parentElement.children[0].src = fname;
else
alert('이미지는 gif, jpg, png 파일만 가능합니다.');
}
</script>
</head>
<body>
<table id=tblAttFiles cellspacing=0 border=0>
<tr><td>
<img width=91 src="http://izenic.com/galley/selImg.gif align=absbottom>
<input type=file name=AttFile[] size=40 onChange="CkImageVal()" class=textidpass>
</td></tr>
</table>
<br>
<input type=button value='이미지 입력 추가' onclick="AddFile()">
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
