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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34845394/article/details/78924183

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>