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

今天解决一个问题，<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 中不只不会呈现，而且还未被引用