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

时间:2013-08-30 10:56:03

标签: javascript jquery file-upload safari

这是我的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中没有做任何事情。我在控制台中检查没有错误。 这是jsfiddle

2 个答案:

答案 0 :(得分:12)

尝试使用以下代码隐藏输入文件,而不是display:none;

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

答案 1 :(得分:1)

你也可以这样做:

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