JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

Js获取上传文件后名称

2018. 05. 02    

JS获取上传文件后名称

style:

div{float: left;border: 1px solid #E9E9E9;background: #EFF2FE;width: 110px;height: 36px;position: relative;margin: 0;padding: 0;border-radius: 5px;}
div input{background: transparent;visibility: hidden;position: absolute;display: inline-block;width: 100%; height: 100%;}
div label{padding-left: 33px;padding-top: 9px;font-size: 15px;position: absolute;display: inline-block;width: 100%;height: 100%}

html:

<div>
	<input type="file" name="fileimport" id="ExcelBtn" value="" onchange="if(this.value)insertTitle(this.value);">
	<label for="ExcelBtn" id="filename">导入号码</label>
</div>

script:

function insertTitle(path){  
	var test1 = path.lastIndexOf("/");  //对路径进行截取
	var test2 = path.lastIndexOf("\\");  //对路径进行截取
	var test= Math.max(test1, test2)
	if(test<0){  
		$("#filename").html(path);
	}else{
		//document.getElementById("filename").value = path.substring(test + 1); //赋值文件名
		$("#filename").html(path.substring(test + 1)) ;//赋值文件名
	}  
}  

以上