1. 程式人生 > >使用Ueditor點擊上傳圖片時顯示延遲的問題

使用Ueditor點擊上傳圖片時顯示延遲的問題

題解 項目 通過 多圖上傳 data- 結合 min input 答案

最近在做一個項目,需要用到Ueditor,但是在點擊上傳圖片的時候,總是隔了4-5秒才顯示文件框

技術分享

查了一些資料,最後發現,只需在

修改:(1)
dialog/images/image.js 把image/*修改為:”image/jepg,image/png.image/jpg”

(2)

ueditor.all.js或ueditor.all.min.js中,找到accept=”image/*修改為:accept=”image/jepg,image/png.image/jpg”

修改上面兩處即可。

修改上面兩處後,但是多圖上傳卻還是有延遲。

怎麽解決裏

在找不到答案的情況下,只能慢慢的debug單步調試查看代碼執行情況。後來發現:點擊“多圖上傳”按鈕會調用“ueditor\third-party\webuploader”下的webuploader.js或webuploader.min.js。

又結合通過審查元素發現,在“點擊選擇圖片”按鈕這裏通過js動態生成了一個input type=file的標簽,而且accept=”image/*”。然後,我在webuploader.js下找到了動態添加input type=file的代碼。

把著試一試的心態,把這裏的類型內容改為:image/jepg,image/png.image/jpg。屬性瀏覽器,發現延遲問題解決了。
註意:一般情況下,ue都是引用的webuploader.min.js,所以需要修改webuploader.min.js中的accept

技術分享

修改webuploader.js不知道會不會出現其他問題,至少在我當前的項目中還沒有出現問題,大家有什麽問題,歡迎溝通。

使用Ueditor點擊上傳圖片時顯示延遲的問題