<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My JSP 'uploadpic.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style>
#tab td{
font-size: 12px;
}
.td1{
border-bottom: 1px solid #E1E1E1;
padding: 3px;
}
.td2{
border-right: 1px solid #E1E1E1;
}
</style>
</head>
<script type="text/javascript">
function trim(str)
{
var par = /^\s+/;
var strRes = str.replace(par,'');
par = /\s+$/;
strRes = strRes.replace(par,'');
return strRes;
}
function mysubmit()
{
var fpic=document.getElementsByName("fpic");
for(var i=0;i<fpic.length;i++)
{
if(fpic[i].value=="")
{
alert("?腢猁奻腔");
return false;
}
var pic=fpic[i].value.substring(fpic[i].value.length-3).toUpperCase();
if(trim(pic)== "JPG"||trim(pic)=="GIF")
{
}else
{
alert ("?腢JPG﹜GIF跡宒腔奻");
return false;
}
}
document.myfrom.action="upload_save.jsp";
}
</script>
<body >
<form action="" onSubmit="return mysubmit();" name="myfrom" method="post" enctype="multipart/form-data">
<input type="hidden" name="fid" value=""/>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="" style="padding-left: 0px; padding-top: 0px;">
<table id="tab" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="td1 td2">描述</td>
<td class="td1 td2">备注</td>
<td class="td1 td2">文件路径</td>
<td class="td1 td2">是否发布</td>
<td class="td1">操作</td>
</tr>
<tr>
<td><input name="fdesc" style="width: 200px;"/></td>
<td><input name="fremark" style="width: 200px;"/></td>
<td><input type="file" style="width: 200px" name="fpic"/></td>
<td align="center"><input type="checkbox" onClick='mychange(this)' name="fpublish" checked="checked" value="1"/><input name="fpublish1" value="1"/ type="hidden"></td>
<td>
<input type="button" style="width: 80px" onClick="myAddRow()" value="添加列"/></td>
</tr>
</table>
</td>
<tr>
<td align="center"><br/><input type="submit" style="width: 80px" value="上传"/></td>
</tr>
<tr><td height="6" background="../styles/advanced/images/section/td1_bottom.gif"></td></tr>
</table> </td>
<td width="7" background="../styles/advanced/images/section/section_middle_right.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
function myAddRow()
{
var tr=tab.insertRow();
var td=tr.insertCell();
td.innerHTML="<input name='fdesc' style='width: 200px'/>";
td=tr.insertCell();
td.innerHTML="<input name='fremark' style='width: 200px'/>";
td=tr.insertCell();
td.innerHTML="<input type='file' style='width: 200px' name='fpic'/>";
td=tr.insertCell();
td.align="center";
td.innerHTML="<input type='checkbox' onClick='mychange(this)' checked='checked' name='fpublish' value='1'/><input name='fpublish1' type='hidden' value='1'/>";
td=tr.insertCell();
td.innerHTML="<input type='button' style='width: 80px' οnclick='myDeleteRow(this)' value='Delete'/>";
}
function myDeleteRow(btn)
{
btn.parentNode.parentNode.removeNode(btn);
}
function mychange(btn)
{
if(btn.checked==true)
{
btn.parentElement.children[1].value="1";
}else
{
btn.parentElement.children[1].value="0";
}
}
</script>
</body>
</html>