如何在FF中应用FileField Button?

时间:2011-01-22 13:34:23

标签: javascript jquery html firefox

我有这个HTML代码:

    <form name="form1" id="form1" method="POST" action="">

    <div dir="rtl" style="position:absolute; left: 2px; top: 0px;">
       <input name="fileField2" type="file" class="accountItemFilefield" id="fileField2" />
    </div>
    <div style="position:absolute; z-index:2;">
         <img onclick="$('#fileField2').trigger('click'); " style="cursor:pointer" src="images/browse.png" width="83" height="29" alt="" />
   </div>

    </form>

此代码在FF中不起作用,它在IE中成功运行,我不知道是什么问题。

我也试过这段代码:

$('#fileField2').click(); 

和这一个:

document.getElementById('fileField2').click(); 

所有这些都在IE浏览器中工作,不在FF中。

我如何解决问题?

提前致谢。

2 个答案:

答案 0 :(得分:0)

这是一项安全限制,可防止恶意网站意外显示文件上传对话框。

我认为没有办法解决这个问题。事实上,我很惊讶IE仍然允许它。

答案 1 :(得分:0)

当我尝试时,

document.getElementById('fileField2').click();工作了。 (我没有尝试其他版本。)

如果您尝试在阻止弹出窗口时启动文件选择器,则唯一的安全限制适用,在这种情况下,您将获得常规阻止的弹出通知。