多文件上传js

最新推荐文章于 2023-12-11 10:22:43 发布

千分

最新推荐文章于 2023-12-11 10:22:43 发布

阅读量2.6k

点赞数

分类专栏： html/css/js 文章标签： textbox button div input server function

本文链接：https://blog.csdn.net/chenxiang199055/article/details/7000237

版权

html/css/js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>多文件上传js代码</title>

  <script type="text/javascript">
      var i = 0;
      function addFile() {
       
          var div = document.createElement("div");
          div.setAttribute("id", "div_" + i)
          var f = document.createElement("input");
          f.setAttribute("type", "file")
          f.setAttribute("name", "File")
          f.setAttribute("size", "50")
          f.setAttribute("id","input_"+i)
          div.appendChild(f)
        
          var d = document.createElement("input");
          d.setAttribute("type", "button")
          d.onclick = function () { deteFile(this); };  //解决js中 d.setAttribute("onclick", "deteFile(this)");在IE6下无效问题
          d.setAttribute("value", "移除")
          div.appendChild(d)
          document.getElementById("_container").appendChild(div);
          i++;
      }
      function deteFile(o) {
          while (o.tagName != "DIV") o = o.parentNode;
          o.parentNode.removeChild(o);
          
      }
  </script>

</head>
<body>
  <form id="form2" runat="server" method="post" enctype="multipart/form-data">
  <h3>多文件上传</h3>
   用户名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  <div id="_container">
    <input type="file" size="50" name="File" />
  </div>
  <div>
    <input type="button" value="添加文件(Add)" οnclick="addFile()" />
  </div>
  <div style="padding:10px 0">
    <asp:Button runat="server" Text="开始上传" ID="UploadButton"></asp:Button>
  </div>
  <div>
    <asp:Label ID="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt"
      Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
  </div>
  <asp:TextBox ID="Txt_xiazai" runat="server"></asp:TextBox>
  
   
       
  </form>
</body>
</html>

千分

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
多文件上传js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 多文件上传js代码 var i = 0; function addFile() {
复制链接

扫一扫