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>


posted @ 2017-12-28 17:02  leigq  阅读(711)  评论(0编辑  收藏  举报