【问题标题】:Unable to click input type="file" in windows safari browser无法在 Windows Safari 浏览器中单击输入类型 =“文件”
【发布时间】:2013-08-30 10:56:03
【问题描述】:

这是我的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

【问题讨论】:

  • 如果fileupload 元素不隐藏,它会起作用吗?

标签: javascript jquery file-upload safari


【解决方案1】:

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

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

【讨论】:

  • dats nice...我猜不透明度就可以了...不需要将宽度和高度设置为 0
  • 尝试点击按钮附近的空白区域,您最终会错误地点击文件元素(这是不可见的),即为什么最好将宽度和高度设置为 0px 作为预防措施:)
  • 从没想过 dat..thnks anywaz :)
【解决方案2】:

你也可以这样做:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-07
    • 1970-01-01
    • 1970-01-01
    • 2013-02-02
    相关资源
    最近更新 更多