上传多个文件

<html>
<head>
<script language="javascript" src="../js/calendar/calendar.js"></script>
<script language="javaScript">
var i=1;
var fileName = "file"; //PHP的多文件名
var text="text";
function addFile()
{
fileName = "file";
text="text";
text=text+i;
fileName=fileName+i;
i++;
//alert(text+fileName);
var fileBlock = document.getElementById("fileBlock");
var oDiv = document.createElement("div");
oDiv.innerHTML = "<span class=/"wenzi/">标题:</span> <input type=/"text/"  style=/"width:190; /" name=/"" + text + "/" /></br>"
+"<span class=/"wenzi/">路径:</span> <input type=/"file/"   style=/"width:150; /"  name=/"" + fileName + "/" /> "
+ "<input type=/"button/" οnclick=/"delFile(this)/" style=/"font-size:12px; color:#006600; height:20px;background-color:#FFFFFF /""
+ " value=/"取消/" /> <hr>";
fileBlock.appendChild(oDiv);
}

function delFile(obj)
{
var oDiv = obj.parentNode;
var fileBlock = document.getElementById("fileBlock");
fileBlock.removeChild(oDiv);
}
</script>
<script language="javascript">
function send()

  document.form1.flag.value="add";
  document.form1.submit();
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<link href="../style.css" rel="stylesheet" type="text/css">
</head>

<body>
<form action="wjuploadfile.jsp" method="post" enctype="multipart/form-data" name="form1">
  <div id="Layer1" style="position:absolute; left:61px; top:50px; width:123px; height:25px; z-index:1; font-family: &quot;楷体_GB2312&quot;; font-size: 18px; font-weight: bold;">添加文件信息</div>
  <p>&nbsp;</p>
  <p>&nbsp;&nbsp;&nbsp;<img src="../image/bar1.gif" width="390" height="45">
  </p>
  <table width="387" height="86" border="1" align="center" cellspacing="0">
    <tr>
      <td height="17" bgcolor="#D3ECB2" >年份</td>
      <td><input type="text" name="year1"  style="width:190 "></td>
    </tr>
    <tr>
      <td height="17" bgcolor="#D3ECB2" >上传人</td>
      <td><input type="text" name="month1"  style="width:190 "></td>
    </tr>
    <tr>
      <td height="30" bgcolor="#D3ECB2" ><div align="center"><span class="wenzi">相关文档</span></div>        </td>
      <td><div align="center">

              <!--   主题:<input type="text" name="text"/><br>
     路径:<input type="file" name="file"/>
          <input type="button" οnclick="delFile(this)" value="取消" /> <hr>-->
              </span>
                <div id="fileBlock" align="left"></div>
                <div align="center"><a href="javascript: addFile()" class="you2"> 添加附件</a>                    </th>
                </div>
      </div>       
      <div align="center">        </div></td>
    </tr>
    <tr>
      <td height="20" bgcolor="#D3ECB2"><div align="center">上传日期</div></td>
      <td><div align="center">
        <input type="text" name="textfield3" onFocus="calendar()" value="<%=new java.util.Date().toLocaleString().substring(0,10)%>" style="width:190 ">
      </div></td>
    </tr>
  </table>
  <p align="center"><img src="../image/qd.gif" width="60" height="20" onClick="send()"></p>
  <input type="hidden" name="flag" value="aa">
</form>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值