打开文件上传对话框点击

Question

我必须打开文件上传对话框，通过点击其他按钮，即我隐藏文件上传控制（可见性：隐藏），并点击其他一些按钮，我想打开该对话框。 下面是我遇到的代码：

<input type="file" style="visibility: hidden;" /> 

下面是JavaScript：

$('#button').click(function() { 
    $('input[type=file]').click(); 
}); 

它在Firefox 4和IE8工作正常，但在chrome12它不工作，即对话框不被打开。任何想法为什么？

Answer 1

您应该将输入[文件]放在自定义控件的正上方。然后绑定到它的onclick。

还使它更大的字体大小，只有这样你才能增加它的高度。

Answer 2

在您的示例中，您的文件输入没有id，但您正在尝试使用#input引用它。这个工作对我来说：

$('#button').click(function() { 
    $('input[type=file]').click(); 
}); 

Answer 3

测试今天在这个问题给出的局面已经改变了简单的代码：

• IE9：工作
• Chrome23：工作
• Firefox15：工作

只有一个catch-on IE .click（）是阻止操作，而在其他浏览器上则不是。