input file多选 multiple[通俗易懂]

全栈程序员站长

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

2.4K0

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

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

一直以为连点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>

multiple就代表能多选了。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/160959.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

https