Javascript代码在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 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