利用javascript向网页中动态添加文件上传框

利用javascript向网页中动态添加文件上传框

　　以下代码是我以前做一个网站项目时写的，可以实现动态向网页中添加文件上传框．希望大家能用得上．

　　html部分代码：

　　<tr>
　 <!--点此按钮将在下面的表格中动态添加和删除文件框-->
     　        <td><input name="button" type="button" onClick="insertElement()" value="增加附件">
              说明：不能上传后缀为.php,.js,.exe,.com,.bat的文件，文件大小不超过2M.</td>
       <!---->  
       </tr>
       <tr>
            <td>
                  <!--用于放置动态生成的文件框的表格-->
                  <table id="filetable" border="0" cellpadding="0" cellspacing="0">
                  </table>
                  <!--用于放置动态生成的文件框的表格-->
            </td>
     </tr>

    javascript部分代码：

<script language="javascript">
<!--动态添加文件浏览框函数-->
function insertElement() 
    {
          //找到放置动态生成的文件框的表格 
          var otablefile = document.getElementById("filetable");
          //添加一个新行
          var otr = otablefile.insertRow(0);
          //在新行中添加一个单元格，单元格中包含一个文件浏览框和一个删除按钮
         otr.insertCell(0).innerHTML = "<input type=file name=userfile[] size=60><input type=button      value='删除' οnclick='deltr(this);'>";     
    }
<!--删除动态增加的文件框-->  
function deltr(obj)
{
//删除当前所在的行
obj.parentElement.parentElement.removeNode(true);

}  
</script>

利用这个原理，我们同样可以在网页中动态增加button,radio,checkbox等等，希望以上代码能起到抛砖引玉的作用