카테고리 없음

다중파일업로드

갓리버리 2014. 1. 24. 13:48

다중파일업로드.htm




<html>
<head>
<script language="javascript">
function AddFile()
{
var objTbl = document.all["tblAttFiles"];
var objRow = objTbl.insertRow();
var objCell = objRow.insertCell();
objCell.innerHTML =
"입력:\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>
입력: <input type=file name=AttFile[] size=40 onChange="CkImageVal()" class=textidpass>
</td></tr>
</table><br>

<input type=button value='이미지 입력 추가' ="AddFile()">


</body>
</html>