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

Question

我正在尝试从输入文件类型中获取名称以在 ap 标记中显示名称，下面是我的代码，请提前感谢所有人。

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

score 0 · Accepted Answer

试试下面的代码...

演示小提琴

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

score 0 · Accepted Answer

我假设您正在尝试获取文件的名称。下面是这样做的代码：

<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 - 从输入文件类型中获取名称并通过javascript显示在ap标签中。

2 回答 2

Related

Reference