使用Ueditor點擊上傳圖片時顯示延遲的問題
阿新 • • 發佈:2017-09-10
題解 項目 通過 多圖上傳 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點擊上傳圖片時顯示延遲的問題