Question

我正在尝试从输入文件类型中获取名称以在p标签中显示名称，下面是我的代码，将thanx推进到所有。

<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>

Answer 1

尝试以下代码......

Demo Fiddle

    var input = document.getElementById("photo");

input.onclick = function () {
    this.value = null;
};

input.onchange = function () {
    var path = input.value;
    var filename = "";
    if(path.lastIndexOf("\\") != -1)
        filename = path.substring(path.lastIndexOf("\\") + 1,path.length);
    else
        filename = path.substring(path.lastIndexOf("/") + 1,path.length);
    document.getElementById("log").innerHTML = filename;
};

Answer 2

我假设您正在尝试获取该文件的名称。以下是执行此操作的代码：

<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>

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

2 个答案: