好吧问答库 > 求一段js的代码，当用户选择文件完毕之后需要在上面的一个text的控件中显示文件名。。求代码

求一段js的代码，当用户选择文件完毕之后需要在上面的一个text的控件中显示文件名。。求代码

2026年09月21日 19:41

有2个网友回答

网友（1）：

var ef = document.getElementById("file");
var en = document.getElementById("name");
ef.onchange = function(){
en.innerText = ef.value.substring(ef.value.lastIndexOf("\\") + 1);
};

还是写完整好了...

网友（2）：





文件名提示

function c(th){
	var inf = document.getElementById('s');
	var fN = '';
	//判断并获取文件名
	if(fN = th.value.match(/[^\\\/]+\.[a-zA-Z0-9]+$/)){
	    //如果获取到文件名，则将文件名在后面的span标签中显示出来。
	    //这里你可以自行修改要显示的样式等。
		inf.innerHTML = "√ "+fN+"";
	}else{
		inf.innerHTML = "× 获取文件名失败";
	}
	
}

上面是一段很完整的HTML文档，里面的实现过程一止了然，你可以自己修改一下应用。