在EasyUI中使用WebUploader組件,準備上傳文件,結果單擊[選擇文件]按鈕無法彈出文件選擇對話框。百思不得其解,由於使用的是Firefox瀏覽器的,所以本能的按下快捷鍵F12準備查看控制檯,看看有無報錯。錯誤沒找到,但驚奇的發現,按F12後,WebUploader居然可以彈出文件選擇框,而且其他功能也都正常了。
接着繼續搜索WebUploader F12,發現不少網友都遇到了這個問題。有大神已經給出瞭解決方案,出現Bug的原因是[選擇文件]按鈕的長寬都是0,需要重新渲染一下網頁,而F12正好有渲染網頁的功能,好,原因找到了,解決方案就是重新渲染或實例化Uploader。
由於筆者使用了EasyUI tab,所以筆者在單擊切換tab選項卡事件中加入重新實例化uploader.refresh()的代碼,如下:
<script type="text/javascript">
$(document).ready(function () {
$('#tt').tabs({
border: true,
onSelect: function (title, index) {
if (index == 5)
uploader.refresh();
}
});
});
</script>
思考這個問題好幾天,總算解決了。