如何将“选择文件”更改为“浏览”？答案

【问题标题】：How to change “Choose file” into “Browse”?如何将“选择文件”更改为“浏览”？
【发布时间】：2011-07-13 23:28:21
【问题描述】：

我想将<input type="file" /> 的默认值从“选择文件”更改为“浏览”。该怎么做？

【问题讨论】：

好问题，我惊呆了，这必须被问到，而且没有一个解决方案是简单的
Webkit 浏览器使用选择文件术语。下面的解决方案对于这个问题很简单。使用 JS 来模拟按钮点击是 Web 开发人员使用的一种非常常见的解决方案，允许他们按照设计人员的意图布置页面，并且在不同浏览器之间具有相似的视觉效果。
How to change the button text of <input type="file" />?的可能重复

【解决方案1】：

隐藏它并使用其他控件来触发它。

<a href="#" onclick="document.getElementById('fileID').click(); return false;" />Browse</a>
<input type="file" id="fileID" style="visibility: hidden;" />

【讨论】：

我使用了这个解决方案，但使用 bootstrap 将其设置为按钮，并添加了 display:none 以便不为输入控件添加额外空间。 <a href="#" class="btn btn-primary" type="button" onclick="document.getElementById('fileID').click(); return false;">Browse</a> <input id="fileID" type="file" style="visibility: hidden; display: none;" />

【解决方案2】：

我创建了一个 jsFiddle 来展示它，你可以在这里找到它：Custom browse button

【讨论】：

【解决方案3】：

这是另一种解决方案；隐藏文件类型输入字段（按钮）并放置另一个允许更改其内容的常规按钮类型输入字段（按钮） - 触发第一个文件按钮（下一个）是通过 JavaScript 单击第二个常规按钮（上一个）完成的.

→Howto Style the Button of a input type="file" Control

【讨论】：

似乎在这里所有的cmets中，都没有简单易行的方法来更改默认值。