Javascript фокус на кнопку обзора ввода файла

Question

Я пытаюсь сфокусироваться на кнопке просмотра элемента управления вводом файла.

поэтому у меня есть что-то вроде

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

и в JavaScript у меня есть

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

, но фокус остается на текстовом поле и появляется только после нажатия кнопки Tab Есть ли способ, которым я мог бы написать сценарий, чтобы установить фокус на кнопку обзора?

Спасибо за вашу помощь!

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. Надеюсь, это кому-нибудь поможет!