javaweb--上传文件使用灵活的自定义添加

//upload2.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'upload2.jsp' starting page</title>

<script type="text/javascript">
function addinput(){
var div = document.getElementById("file");

var input = document.createElement("input");
input.type="file";
input.name="filename";

var del = document.createElement("input");
del.type="button";
del.value="删除";
del.onclick = function d(){
this.parentNode.parentNode.removeChild(this.parentNode);
}


var innerdiv = document.createElement("div");


innerdiv.appendChild(input);
innerdiv.appendChild(del);

div.appendChild(innerdiv);
}
</script>

</head>

<body>


<form action="" enctype="mutlipart/form-data"></form>
<table>
<tr>
<td>上传用户:</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>上传文件:</td>
<td>
<input type="button" value="添加上传文件" onclick="addinput()">
</td>
</tr>
<tr>
<td></td>
<td>
<div id="file">

</div>
</td>
</tr>

</table>


</body>
</html>

原文地址:https://www.cnblogs.com/my-time/p/4522362.html