JavaScript实现多文件上传
1.效果图
点击
点击remove移除该条目,点击more添加一个条目。点击
2.html代码
<body>
<input type="file" >
<input type="button" value="more.." οnclick="addMore();">
<div id="div1"></div>
</body>
</html>
3.JavaScript代码
<script type="text/javascript">
var addMore = function()
{
var div = document.getElementById("div1");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("button");
input.setAttribute("type", "file");
button.setAttribute("type", "button");
button.setAttribute("value", "remove");
div.appendChild(br);
div.appendChild(input);
div.appendChild(button);
button.onclick = function()
{
div.removeChild(br);
div.removeChild(input);
div.removeChild(button);
}
}
</script>