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 中不僅不會呈現，並且還未被引用