求一段js的代码，当用户选择文件完毕之后需要在上面的一个text的控件中显示文件名。。求代码
2个回答
展开全部
<input type="file" id="file"></input><div id="name"></div>
<script type="text/javascript">
var ef = document.getElementById("file");
var en = document.getElementById("name");
ef.onchange = function(){
en.innerText = ef.value.substring(ef.value.lastIndexOf("\\") + 1);
};
</script>
还是写完整好了...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文件名提示</title>
<script type="text/javascript">
function c(th){
var inf = document.getElementById('s');
var fN = '';
//判断并获取文件名
if(fN = th.value.match(/[^\\\/]+\.[a-zA-Z0-9]+$/)){
//如果获取到文件名，则将文件名在后面的span标签中显示出来。
//这里你可以自行修改要显示的样式等。
inf.innerHTML = "<font color='green'>√ "+fN+"</font>";
}else{
inf.innerHTML = "<font color='red'>× 获取文件名失败</font>";
}
}
</script>
</head>
<body>
<input type="file" onChange="c(this)" /><span id="s"></span>
</body>
</html>
上面是一段很完整的HTML文档 ，里面的实现过程一止了然，你可以自己修改一下应用。
追问
对了，我另外发了两个问题都是关于这个的。如果您会的话 麻烦您再帮我看看，是关于文件上传控件格式的。像我那个图一样的格式源码不知道您有没有。如果有的话可以在那两个问题里面回答一下
追答
好的，不过，这个文件的源码我是没有的，我也只能给你写一段仿你图上示例的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
