你可以使用

<button id="file">select file</button>
<input type="file" name="file" id="file_input" style="display:none;">
<script>
$('#file').click(function() {
        $('#file_input').focus().trigger('click');
    });
</script>

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

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

我的解决方案Safari与jQuery和jQuery-ui:

$("<input type='file' class='ui-helper-hidden-accessible' />").appendTo("body").focus().trigger('click');

有一些方法可以将事件重定向到控件，但不要期望能够轻松地将事件发送到自己的消防控件，因为浏览器会出于(良好的)安全原因试图阻止它。

如果您只需要在用户单击某些内容时显示文件对话框，比如因为您想要更好看的文件上传按钮，那么您可能想要看看Shaun Inman想出的方法。

我已经能够通过在按下键、按下键和按上键事件之间创造性地转移焦点来实现键盘触发。YMMV。

我真诚的建议是不要去管它，因为这是一个浏览器不兼容的痛苦世界。轻微的浏览器更新也可能会在没有警告的情况下阻止一些技巧，你可能不得不不断地重新发明一些技巧来保持它的工作。

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

我正在研究这个不久前，因为我想创建一个自定义按钮，将打开文件对话框，并立即开始上传。我刚刚注意到一些可能使这成为可能的事情- firefox似乎打开对话框，当你点击上传的任何地方。所以下面的方法可以做到:

创建一个文件上传和一个单独的元素，其中包含您想要用作按钮的图像 安排它们重叠，并使文件元素背景和边框透明，这样按钮是唯一可见的东西 添加javascript使IE在点击按钮/文件输入时打开对话框 当选择文件时，使用onchange事件提交表单

这只是理论上的，因为我已经用了另一种方法来解决这个问题，但它可能会起作用。