js添加附件

最新推荐文章于 2023-08-16 09:46:02 发布

原创最新推荐文章于 2023-08-16 09:46:02 发布 · 538 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #function #html #border #file #input

java开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在HTML中实现文件上传的方法，通过JavaScript动态添加文件输入框，并提供了删除已选文件的功能。此方法适用于需要用户多次上传不同文件的场景。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>New Document</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2995" name=GENERATOR>
<META content="" name=Author>
<META content="" name=Keywords>
<META content="" name=Description>
<SCRIPT>

//添加附件
function addTableRow() {
   var table = document.getElementById("fileTb");
   var temp = document.getElementsByName("fileTb")[0];
   var xx=temp.rows.length -1 ;//-1
   var pos = table.rows.length;
   var newRow = table.insertRow(pos);
   var cell1 = newRow.insertCell(0);
   sHTML='<tr> <td><label> <input type="file" name="file"> </label><input type="button" value=" 删除 " onclick=/"DeleteRow(this);/"></td> </tr>' ;
   cell1.innerHTML = sHTML;
   cell1.align="center";
   temp.rows.item(temp.rows.length-1).cells.item(0).children.item(1).text = xx;
  }

function DeleteRow(line) {
   var temp = document.getElementsByName("fileTb")[0];
   alert(line.text.valueOf());
   temp.deleteRow(line.text.valueOf());
   for (var j=1;j<temp.rows.length;j++)
   temp.rows.item(temp.rows.length-1).cells.item(0).children.item(1).text=j;
}
</SCRIPT>
</HEAD>
<BODY>
  <TABLE id="fileTb" border=1>
  </TABLE>
  <INPUT type="button" onclick="addTableRow()" value="添加附件"/>
</BODY>
</HTML>