javascript实现动态添加和删除文件上传选项

来源:互联网 发布:oracle创建数据库用户 编辑:程序博客网 时间:2024/06/05 15:03

利用javascript来实现:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>  <script type="text/javascript">  <!-- 添加按钮-->  function addOne(){  document.getElementById("addDiv").innerHTML+="<div> <input type='file' name='myfile'/><input type='button' value='删掉' onclick='delOne(this)' ></div>";  }  <!-- 删除按钮-->  function delOne(btn){  var div=btn.parentNode;  div.parentNode.removeChild(div);  }  </script>  </head>    <body>  <input type="button" value="添加" onclick="addOne()">   <form action="${pageContext.request.contextPath}/servlet/UploadServlet" method="post" enctype="multipart/form-data" ><div id="addDiv"></div>    <input type="submit" value="上传">  </form>    </body></html>


0 0
原创粉丝点击