多文件上传(动态增加 FileUpload)

来源:互联网 发布:设备通讯端口 英文 编辑:程序博客网 时间:2024/05/17 16:03

 

如上图,当点击"增行"按钮时,FileUpload 上传控件动态增加一个.....并且之前已经选择好的路径不会被置空..

HTML代码如下:

 1:

    <title>商标管理系统</title>
     <script language="javascript" type="text/javascript">

   function addFile()
         {
                var str = '<input type="file" name="File" size="37.9"><br />'
             document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
        }

    </script>

2:

<input  type="button"  value="增行" onclick="addFile()" src="../images/3/zh.gif" style="width: 60px" id="Button3" /> 

3:

<a id="MyFile"><input type="file" name="File" id="File1"  style="width: 342px;"/><br /></a>