Javascript专注于文件输入的浏览按钮

Question

我正在尝试关注文件输入控件的浏览按钮。

所以我有类似

的东西

 <input type="file" name="upload" id="upload" >

在javascript中我有

document.getElementById("upload").focus();

但焦点仍然在文本字段上，只有在我点击标签后才能进入浏览按钮。 有没有办法可以编写脚本来将焦点设置在浏览按钮上？

感谢您的帮助！

Answer 1

无法完成。您几乎无法控制文件上载字段的组成部分，部分原因是出于安全原因，部分原因是标准没有定义文件上载字段可能具有的组成部分。浏览器完全有可能在没有任何“浏览”按钮的情况下呈现文件上传界面。

Answer 2

这个问题已经存在了一段时间，允许标准随着新功能的发展和发展，但我已经成功使用以下代码：

<input type="file" id="file_field" />

<input type="button" value="click me"
    onclick="document.getElementById('file_field').click()" />

到目前为止，我已经设法在Chrome和Internet Explorer 7,8和9中测试它，我怀疑它也可以在Firefox中使用。希望这有助于某人！