从输入文件类型获取名称，并通过javascript显示在p标记中。_Javascript_Html_Input

从输入文件类型获取名称，并通过javascript显示在p标记中。

javascript html input

从输入文件类型获取名称，并通过javascript显示在p标记中。,javascript,html,input,Javascript,Html,Input,我正在尝试从输入文件类型获取名称，以在p标记中显示名称，下面是我的代码，将thanx提前到all <script type="text/javascript"> var path = document.getElementById("photo").value; var filename = path.substring(path.lastIndexOf("/") + 1); document.getElementById("log").innerHTML = filename; &

我正在尝试从输入文件类型获取名称，以在p标记中显示名称，下面是我的代码，将thanx提前到all

<script type="text/javascript">
var path = document.getElementById("photo").value;
var filename = path.substring(path.lastIndexOf("/") + 1);
document.getElementById("log").innerHTML = filename;
</script>


<input type="file" id="photo"/>
<p id="log"></p>


var path=document.getElementById（“照片”）.value；
var filename=path.substring（path.lastIndexOf（“/”）+1）；
document.getElementById（“log”）.innerHTML=文件名；

尝试下面的代码

我想你是想知道文件名。下面是执行此操作的代码：

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
function showfile()
{
var path = document.getElementById("photo").value;
var filename = path.substring(path.lastIndexOf("\\") + 1);
document.getElementById("log").innerHTML = filename;
}
</script>

</head>
<body>


<input type="file" id="photo" onchange="showfile()"/>
<p id="log"></p>
</body>
</html>


函数showfile（）
{
var path=document.getElementById（“照片”）.value；
var filename=path.substring（path.lastIndexOf（“\\”）+1）；
document.getElementById（“log”）.innerHTML=文件名；
}

什么不起作用？你有什么错误吗？“photo”在哪里声明？您的代码似乎很好。什么不起作用？没有在

标记中获取输入文件名。如果这是您拥有的实际代码，则不会获得任何输出，因为当代码以页面加载方式运行时，输入字段为空。您需要将其附加到事件，如单击按钮。juhana是正确的，如果您这样做了，并且希望获得唯一的文件名而不消失，则使用它path.substring（0，path.lastIndexOf（“.”）；非常感谢Nikhil的帮助，也感谢Benjamin Warren、Hariharan和Juhana的评论。

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
function showfile()
{
var path = document.getElementById("photo").value;
var filename = path.substring(path.lastIndexOf("\\") + 1);
document.getElementById("log").innerHTML = filename;
}
</script>

</head>
<body>


<input type="file" id="photo" onchange="showfile()"/>
<p id="log"></p>
</body>
</html>