Javascript code, работающий в IE, но не работающий в Firefox?

Question

У меня есть этот код:

<a href="javascript:document.forms['form1'].student_pic.click()"> 
    <img src="images/mypic.png" alt="" width="161" height="29" border="0" style="margin-top:10px" /> 
</a> 
<input style="display:none" type="file" name="student_pic" id="student_pic" /> 

Этот код успешно работает в IE, но он не работает в FF.

от курса есть форма на моей странице под названием form1

Когда пользователь нажимает на изображение, окно выбора файла пустит выбери пользовательский файл и поместить его в скрытом элементе файла.

Что такое proplem?

Благодаря

Answer 1

Общий путь имеет входной файл, но с непрозрачностью 0, который на самом деле означает, что он скрыт, и над ним помещается ваше собственное изображение или текст. Убедитесь, что кнопка «Просмотр» находится именно там, где находится ваш текст/изображение, и она будет работать - щелчок по пользовательскому тексту/изображению на самом деле позволит щелкнуть значок поиска.

У меня такой код где-то, поэтому, если вы не сможете этого достичь, я буду искать этот код.

Answer 2

Ваша проблема заключается в том, что просто .click(), чтобы открыть диалоговое окно выбора файла не работает на всех браузерах. Я не знаю об обходном пути.

Answer 3

Не поддерживается в Gecko еще:

Gecko 2.0 note(Firefox 4) 

Starting in Gecko 2.0 , calling the click() method on an <input> element of 
type file opens the file picker and lets the user select files. 

из https://developer.mozilla.org/en/HTML/Element/input#File_inputs