js自动获取input file的文件名称

最新推荐文章于 2026-02-15 01:49:26 发布

原创最新推荐文章于 2026-02-15 01:49:26 发布 · 7.7k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

11 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种通过JavaScript从HTML文件输入元素中获取所选文件名称的方法，包括使用DOM操作和正则表达式来提取文件名及其扩展名。

HTML代码：

<input type="file" name="file" id="fileid"    onchange="getfilename();" ></input>

JS代码：

<script>
				function getfilename(){
					//方法一
				    var file = $("#fileid").val();
				    var pos=file.lastIndexOf("\\");
				    return file.substring(pos+1);
				  	//方法二：正则表达式
				    var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1");  //正则表达式获取文件名，不带后缀
				    var FileExt=file.replace(/.+\./,"");   //正则表达式获取后缀
				    //方法三
				    var img = document.getElementById('fileid');
					var imgName = img.files[0].name;
				}
		</script>

标签

#html #javascript