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

最新推荐文章于 2018-09-17 21:22:45 发布

Oterman001

最新推荐文章于 2018-09-17 21:22:45 发布

阅读量2.4k

点赞数

分类专栏： HTML,CSS前端 JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/damogu_arthur/article/details/41114719

版权

HTML,CSS前端同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

利用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='删掉' οnclick='delOne(this)' ></div>";
  		}
  		<!-- 删除按钮-->
  		function delOne(btn){
  			var div=btn.parentNode;
  			div.parentNode.removeChild(div);
  		}
  	</script>
  </head>
  
  <body>
  	<input type="button" value="添加" οnclick="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>