Javascript 捕获并显示隐藏输入中的文本

我使用更改

的按钮文本，它可以工作，但有一个小缺点-选择文件后，用户将看不到选择了什么文件，因为此信息不显示（使用原始按钮隐藏）。如何在不显示原始（隐藏）按钮的情况下显示此信息

守则：

<input type="button" id="loadFileXml" value="loadXml" onclick="document.getElementById('file').click();" />
<input type="file" style="display:none;" id="file" name="file"/>

---

您可以创建一个不包含文本的

span

，然后

将其值更新为
输入文件类型的值。差不多


函数showFileName（）{
document.getElementById（“文件名”）.innerHTML=document.getElementById（“文件”）.files[0]。名称
}
您可以创建一个不包含文本的
span
，然后
将其值更新为
输入文件类型的值。差不多


函数showFileName（）{
document.getElementById（“文件名”）.innerHTML=document.getElementById（“文件”）.files[0]。名称
}
您可以在可见输入下添加占位符元素：

<p id="file_path"></p>

可以在可见输入下添加占位符元素：

<p id="file_path"></p>

您可以创建一个div，并使用输入中
文件
属性的信息填充它：@lurie检查答案。如果您还需要什么，请告诉我您可以创建一个div，并使用输入中的
文件
属性中的信息填充它：@lurie检查答案。如果你还需要什么，请告诉我。这很有效。唯一的问题是所选文件名前面有一个“C:\fakepath\”部分。我在Ubuntu中工作，所以我不知道在Windows系统中会显示什么。只能保留文件名（扩展名）？这在两种环境中都是相同的。无论如何，我已经编辑了代码，只打印文件名。@lurie，如果它解决了您的问题，请接受并投票决定答案：）这是有效的。唯一的问题是所选文件名前面有一个“C:\fakepath\”部分。我在Ubuntu中工作，所以我不知道在Windows系统中会显示什么。只能保留文件名（扩展名）？这在两种环境中都是相同的。无论如何，我编辑代码只是为了打印文件名。@lurie，如果它解决了您的问题，请接受并投票决定答案：）我无法让它工作。我在开发人员工具控制台中收到以下消息：
Uncaught SyntaxError:Invalid或unexpected token
。抱歉，我已修复：OI无法使其工作。我在开发人员工具控制台中收到以下消息：
未捕获的语法错误：无效或意外的令牌
。抱歉，我已修复：O