如何解決Ueditor多圖批量上傳的時候,顯示順序和上傳不一致問題。
問題分析
我們使用ueditor多圖上傳的時候,選擇的圖片順序和上傳后的圖片順序發(fā)生了改變。遇到這個問題應(yīng)該怎么解決?主要原因是因為 ueditor前端上傳模塊統(tǒng)一改用webuploader,而webuploader是多線程上傳的,ueditor對“uploadSuccess”的處理是上傳成功一張,就加入到數(shù)組中,這樣如果靠后圖片比較少并且上傳快的就會先加入隊例,所以上傳后我們看到圖片順序和我們選擇的不一致。
不多說,直接上解決方案。
解決方案
步驟1、修改 attachment.js
文件路徑:editor/dialogs/attachment/attachment.js
將 _this.fileList.push(json); 修改為_this.fileList[$file.index()] = json;
考慮上傳失敗的情況,加上一個判斷,避免在上傳失敗后,數(shù)組中出現(xiàn)undefined項文章來源:http://www.zghlxwxcb.cn/article/689.html
步驟2、修改image.js
文件路徑:editor/dialogs/image/image.js
將 _this.imageList.push(json); 修改為_this.imageList[$file.index()] = json;
考慮上傳失敗的情況,加上一個判斷,避免在上傳失敗后,數(shù)組中出現(xiàn)undefined項
文章來源地址http://www.zghlxwxcb.cn/article/689.html
到此這篇關(guān)于解決Ueditor多圖批量上傳的時候,顯示順序和上傳不一致問題的文章就介紹到這了,更多相關(guān)內(nèi)容可以在右上角搜索或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!