使用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元素。然后你可以根据自己的喜好设计量程。单击任何跨度时，也会触发单击输入文件。

simple demo

添加了备注：

有了这个，你有权改变输入文件的外观。问题是，不透明度不适用于 IE6 。 ;）

Answer 2

有一种更好的方法可以打开对话框（目前它适用于所有现代浏览器）。只需改变

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

到

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