我使用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/

10-09 18:13
查看更多