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

HTML代码:

<input type="file" name="file" id="fileid"    οnchange="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>



作者:不敲代码的攻城狮
出处:https://www.cnblogs.com/leigq/
任何傻瓜都能写出计算机可以理解的代码。好的程序员能写出人能读懂的代码。

 
原文地址:https://www.cnblogs.com/leigq/p/13406602.html