input file多选 multiple[通俗易懂]

全栈程序员站长

发布于 2022-09-09 02:38:14

2.5K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君。

一直以为连点2次选择文件是多选，原来要按ctrl选中多个才是多选。。。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script>
		function ShowFileName(){
			var file;
			for (var i = 0;document.getElementById("file").files.length;i++) {
				file = document.getElementById("file").files[i];
				alert(file.name);
			}
		}
	</script>
	<body>
		<input type="file" id="file" multiple="multiple" size="200" />
		<input type="button" οnclick="ShowFileName();"  value="文件上传" />
	</body>
</html>