日期:2014-05-17  浏览次数:20704 次

html 动态无限添加上传控件

<HTML>
? <HEAD>
??? <title>多文件上传</title>
??? <script language="javascript" src="Admin.js"></script>
??? <script language="JavaScript">
??? function addFile()
??? {
???? var str = '<INPUT type="file" size="50" NAME="File"><br />'
???? document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)

??? }
??? </script>
? </HEAD>
? <body>
??? <form id="form1" method="post" runat="server" enctype="multipart/form-data">
????? <div align="center">
??????? <h3>多文件上传</h3>
??????? <P id="MyFile"><INPUT type="file" size="50" NAME="File"><br /></P>
???????
??????? <P>
????????? <input type="button" value="增加(Add)" onclick="addFile()">
????????? <input onclick="this.form.reset()" type="button" value="重置(ReSet)">
????????? <asp:Button Runat="server" Text="开始上传" ID="UploadButton"
??????????????? onclick="UploadButton_Click"></asp:Button>
??????? </P>
??????? <P>
??????? <asp:Label id="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt"
????????? Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
??????? </P>
??? </form>
? </body>
</HTML>