我一整天都在寻找解决办法。以下是我得出的结论:

出于安全原因，Opera和Firefox不允许触发文件输入。 唯一方便的选择是创建一个“隐藏”文件输入(使用不透明，而不是“隐藏”或“显示:none”!)，然后在它下面创建按钮。通过这种方式，按钮是可见的，但用户单击它实际上激活了文件输入。 上传文件

如果你想让click方法在Chrome、Firefox等浏览器上也能工作，请将下面的样式应用到输入文件中。它会被完全隐藏起来，就像你在做一个显示一样:没有;

#fileInput {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -5000px;
}

就是这么简单，我测试过了!

您可以在任何浏览器上触发click()，但有些浏览器需要元素是可见和聚焦的。下面是一个jQuery示例:

$('#input_element').show();
$('#input_element').focus();
$('#input_element').click();
$('#input_element').hide();

它与click()之前的隐藏一起工作，但我不知道它是否在不调用show方法的情况下工作。从来没有在Opera上尝试过，我在IE/FF/Safari/Chrome上测试过，它是有效的。我希望这能有所帮助。

这招对我很管用:

<script>
    function sel_file() {
        $("input[name=userfile]").trigger('click');
    }  
</script>

<input type="file" name="userfile" id="userfile" />

<a href="javascript:sel_file();">Click</a>

这将在Firefox 4中实现，但需要注意的是，它被视为一个弹出窗口，因此无论何时弹出窗口都将被阻止。

我发现如果输入(文件)是外部形式，那么触发单击事件调用文件对话框。