无法点击输入类型= “文件” 在Windows Safari浏览器

Question

这里是我的html代码

<input type="button" id="btn" value="UPLOAD" /> 
<input id="fileupload" type="file" style="display:none;" /> 

这里是jQuery代码

$('#btn').click(function() { 
      $('#fileupload').click(); 
     }); 

它将按预期在Chrome和Windows Safari浏览器没有按我没有做任何事情，而且我在控制台中检查没有错误。 下面是使用替代display:none;

opacity:0;width:0px;height:0px; 

Answer 1

试着隐藏输入文件你也可以这样做：

input[type="file"] { 
    visibility: hidden; 
    position: absolute; 
} 

Answer 2

下面的代码jsfiddle