WebUploader單擊選擇文件按鈕無效

在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>

思考這個問題好幾天,總算解決了。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章