jquery - 使用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元素。然后您可以根据需要设计跨度。当点击任意一个span时，也会触发对输入文件的点击。

simple demo

添加注释:

有了它，您就可以更改输入文件的外观。问题是，不透明度在 IE6 上不起作用。 ;)