input file多选 multiple[通俗易懂]

input file多选 multiple[通俗易懂]一直以为连点2次选择文件是多选,原来要按ctrl选中多个才是多选。。。 functionShowFileName(){ varfile; for(vari=0;document.getElementById(“file”).files.length;i++){ file=document.getElementById(“fil

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

一直以为连点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.net/160959.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • gloand linux 2021激活码破解方法

    gloand linux 2021激活码破解方法,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月14日
    34
  • anaconda pycharm设置编译器_anaconda默认环境

    anaconda pycharm设置编译器_anaconda默认环境Pycharm是一个非常好用的Python编译运行IDE,anaconda则用于管理Python中各种有用的包。下面讲讲在Ubuntu系统下让Pycharm能够使用anaconda管理的各种包。1找到编译器选项首先打开Pycharm然后点击File-&amp;amp;amp;amp;amp;gt;settings,然后就可以看到下图所示界面:…

    2022年8月28日
    2
  • DirectX修复工具常见问题解答

    DirectX修复工具常见问题解答经常有人在网上发帖询问DirectX修复工具的一些问题,但是有些问题的回答并不够准确。因此作者在这里把一些常见的问题列出,供大家参考。问题1:XP系统上运行软件时出现0xc0000135的错误,怎么回事?答:WindowsXPSP3系统用户需先安装Microsoft.NETFramework2.0或更高版本才可运行本程序,详情请见程序文件夹中的“致WindowsXP用户

    2022年5月29日
    188
  • 微服务架构-实现技术之具体实现工具与框架3:Spring Cloud概述和基本讲解

    微服务架构-实现技术之具体实现工具与框架3:Spring Cloud概述和基本讲解目录一、基本定义二、SpringCloud相关组件成员框架SpringCloudEurekaSpringCloudRibbonSpringCloudFeignSpringCloudHytrixSpringCloudZuulSpringCloudGatewaySpringCloudConfigSpringCloudAdmin…

    2022年4月29日
    31
  • 学习如何搭建SpringBoot框架

    学习如何搭建SpringBoot框架SpringBoot是一个非常好用的框架,在项目中我们常常会用到它,今天我来分享一下如何来搭建一个SpringBoot框架。第一步:创建项目打开Idea,点击File->New->Project->SpringInitalizr选择依赖:即使不选择依赖也可以在后续pom.xml文件中添加点击Finish,Idea会自动生成一个SpringBoot项目,如此一来项目就创建好了。第二步:配置数据库到resource->application.proper

    2022年8月20日
    5
  • Python中if __name__ == ‘__main__‘:的作用和原理

    Python中if __name__ == ‘__main__‘:的作用和原理if__name__==’__main__’:的作用一个python文件通常有两种使用方法,第一是作为脚本直接执行,第二是import到其他的python脚本中被调用(模块重用)执行。因此if__name__==’main’:的作用就是控制这两种情况执行代码的过程,在if__name__==’main’:下的代码只有在第一种情况下(即文件作为脚本直接执行)才会…

    2022年6月1日
    33

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号