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

解決在Bootstrap模糊框中使用WebUploader的問(wèn)題

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

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

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

然而實(shí)際效果卻是當(dāng)模糊框出現(xiàn)之后,卻無(wú)法點(diǎn)擊到上傳按鈕。

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

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

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

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

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

總結(jié)

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

相關(guān)文章

最新評(píng)論