js动态多文件上传

weixin_33933118

于 2017-07-29 12:01:00 发布

阅读量90

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/xlpapapa/blog/1491983

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="fileSpan">
		<div><input type="file" class="file" name="fileupload" id="file"/><input type="button" value="添加" onclick="addFile()"/></div>
	</div>
		
	<script src="jquery.js"></script>	
	<script type="text/javascript">
	function addFile(){
		var fileNum = $(".file").length;
		if(fileNum<3){
		$("#fileSpan").append('<div><input type="file" class="file" name="fileupload" /><input type="button" value="移除" onclick="removeFile(this)"></div>');
		}else{
			alert("最多支持三个文件！");
		}
	}
	function removeFile(obj){
		$(obj).parent().remove();
	}

 
	</script>
</body>
</html>

实现的效果差不多是这样： ---并没有什么技术含量嚯嚯输入图片说明