safariのリンクtype=file互換性の問題

608 ワード

今日、カスタムは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では表示されないだけでなく、参照されていません.