我使用this solution来更改<input type="file" />.
的按钮文本,它可以工作,但是有一个小缺点-选择文件后,用户将看不到选择了哪个文件,因为该信息未显示(使用原始按钮)。如何在不显示原始(隐藏)按钮的情况下使此信息可见?
代码:
<input type="button" id="loadFileXml" value="loadXml" onclick="document.getElementById('file').click();" />
<input type="file" style="display:none;" id="file" name="file"/>
最佳答案
您可以创建一个没有文本的span
,然后将update
的值更改为input
类型的文件的值。就像是
function showFileName(){
document.getElementById("fileName").innerHTML = document.getElementById("file").files[0].name
}
<input type="button" id="loadFileXml" value="loadXml" onclick="document.getElementById('file').click();" />
<span id="fileName"></span>
<input type="file" onChange="showFileName()" style="display:none;" id="file" name="file"/>
关于javascript - 从隐藏的输入中捕获并显示文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47371869/