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

您可以根据<a>标记上的“打开文件对话框”中的回答来执行此操作

<input type="file" id="upload" name="upload" style="visibility: hidden; width: 1px;     height: 1px" multiple />
<a href="" onclick="document.getElementById('upload').click(); return false">Upload</a>

$(document).one('mousemove', function() { $(element).trigger('click') } );

当我遇到类似的问题时，它为我工作，是一个普通的eRube Goldberg。

这个代码适用于我。这就是你想做的吗?

<input type="file" style="position:absolute;left:-999px;" id="fileinput" />
<button  id="addfiles" >Add files</button>

<script language="javascript" type="text/javascript">
   $("#addfiles").click(function(){
      $("#fileinput").click();
   });
</script>

希望这能帮助到一些人——我花了2个小时用头撞它:

在IE8或IE9中，如果你用javascript以任何方式触发打开一个文件输入(相信我，我都试过了)，它不会让你用javascript提交表单，它会默默地失败。

通过常规的提交按钮提交表单可以工作，但调用form.submit();会默默失败。

我不得不使用一个透明的文件输入来覆盖我的选择文件按钮。

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

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

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