使用jquery打开文件浏览器

Question

我有以下代码:

<p onclick="jQuery('#file').click()">Select a file</p>
<input type="file" id="file" name="file" />

当用户点击"选择文件"时,它也应该打开文件浏览器,就像按下生成的"浏览"按钮一样<input type="file" />,用户可以在其中选择文件.

它在Chrome和IE7中运行良好.如何让它在Firefox中运行？

Answer 1

相信我,我已经麻烦了.它不适用于Firefox,我没有找到如何使其工作的答案.

我怀疑你正在尝试自定义输入文件的外观.我建议你使用不透明度.将输入文件的不透明度设置为零,使其不可见.然后在它上面放两个span元素.然后你可以根据自己的喜好设计量程.单击任何跨度时,也会触发输入文件的单击.

简单的演示

补充说明:

有了这个,你就有权改变输入文件的外观.问题是,不透明度不适用于IE6.;)

Answer 2

有一种更好的方法可以打开对话框(目前它适用于所有现代浏览器).只是改变

jQuery('#file').click();

至

jQuery('#file').trigger('click');