欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決在Bootstrap模糊框中使用WebUploader的問題

 更新時間:2018年03月22日 10:33:00   作者:c.  
這篇文章主要介紹了在Bootstrap模糊框中使用WebUploader的問題及解決方法,,需要的朋友可以參考下

在我畢設項目中有個需求是在Bootstrap模糊框中顯示W(wǎng)ebUploader的上傳按鈕,效果如下:

我們直接在Bootstrap的模糊框中插入了上傳的組件:

然而實際效果卻是當模糊框出現(xiàn)之后,卻無法點擊到上傳按鈕。

然而在我按F12想要查看控制臺是否出錯后,WebUploader居然可以彈出文件選擇框,而且其他功能也都正常了。

經(jīng)過查閱資料發(fā)現(xiàn):出現(xiàn)Bug的原因是[選擇文件]按鈕的長寬都是0,需要重新渲染一下網(wǎng)頁,而F12正好有渲染網(wǎng)頁的功能,解決方案就是重新渲染或實例化Uploader。需要重新實例化:uploader.refresh()

第一想法就是就是給模糊框的按鈕注冊點擊事件,點擊彈出模糊框的時候進行uploader.refresh();然而我在我進行修改之后貌似有其他BUG。

最后的解決辦法就是監(jiān)聽模糊框觸發(fā)顯示的事件,然后刷新組件:

$('#updateModal').on('shown.bs.modal',function() {//提示框顯示時候觸發(fā)
    uploader.refresh();   //刷新當前webUploder
 });

總結

以上所述是小編給大家介紹的解決在Bootstrap模糊框中使用WebUploader的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關文章

最新評論