safari的链接type=file兼容性问题

最新推荐文章于 2024-07-19 12:58:53 发布

weixin_34166847

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量978

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2402401/blog/633651

版权

2019独角兽企业重金招聘Python工程师标准>>>

今天解决一个问题，<input type="file" />自定义在IE、Chrom、360、firefox下均可用，唯独在safari下不可用。源码为

<input type="file" name="upload" id="uploadFile" onchange="handleFiles(this)" multiple />
<a href="javascript:void(sDialog());" title="上传头像" class="define_btn">上传头像照片</a>
function sDialog(){
    $("#uploadFile").click();
}

其中uploadFile的样式设为display:none。在网上也找了好久，才找到解决方案，经调试可用。

解决方案：将uploadFile设为visiablity:hidden

原因：display:none 在 safari 中不只不会呈现，而且还未被引用

转载于:https://my.oschina.net/u/2402401/blog/633651