這篇文章將為大家詳細(xì)講解有關(guān)如何解決在Bootstrap模糊框中使用WebUploader的問(wèn)題，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

黃陵ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！

在我畢設(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
 });

關(guān)于“如何解決在Bootstrap模糊框中使用WebUploader的問(wèn)題”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站欄目：如何解決在Bootstrap模糊框中使用WebUploader的問(wèn)題-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/dojjid.html