在我畢設(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)聽(tīng)模糊框觸發(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)網(wǎng)站的支持！