spring boot 若依系統(tǒng)整合Ueditor部署時上傳圖片錯誤問題
前言:國慶假期找了個ruoyi版本的cms玩玩,從git上看,介紹如下圖:
后臺部分截圖:
編輯
編輯
編輯
編輯
前臺blog截圖:
編輯
編輯
看上去還可以不錯,于是clone下來玩玩,結(jié)果發(fā)現(xiàn),發(fā)布文章的時候,編輯器有問題,上傳不了圖片,還有其他幾個地方有問題,怎么解決呢?自己上手?jǐn)]代碼,修改唄。于是,下載了ueditor的源碼,加到項目中,進(jìn)行修改。現(xiàn)在已經(jīng)修改完成,并且也發(fā)布到的服務(wù)器上了,歡迎大家訪問測試。文末會有凱哥修改后的git地址o~
正文:
在spring boot整合UEditor的時候,本地idea編輯器中沒問題,但是部署服務(wù)器上,上傳圖片提示:“后端配置項沒有正常加載,上傳插件不能正常使用!”解決辦法。
出現(xiàn)這種情況,可以很負(fù)責(zé)任的告訴你99%是因為,在加載的時候,沒有獲取到ueditor的config.json文件。怎么處理了?
分析原因:
查看原來文件存放位置:
在resources的static下,正常來說,是沒有問題的。但是spring boot打成jar包后的路徑和war包的路徑是不一樣的。文件是在BOOT-INF下的。如下圖:
編輯
直接獲取,是不行的。找到原因后,我們就來想辦法解決掉。
解決步驟:
1:修改文件存放位置。
如凱哥,直接就放在了resources下,文件名稱為:ueditor-config.json(這個文件名字,在后面需要用到)。如下圖:
編輯
2:在yml文件中,配置ueditor-config.json的文件名:
uEditorConfig:fileName:ueditor-config.json
如下圖:
編輯
3:編寫一個controller(ps:JSP的凱哥沒有使用,修改成了controller.這樣符合習(xí)慣)
3.1:獲取json文件名稱
需要注意:把第二步配置的文件名稱,獲取到。如下圖:
編輯
3.2:編寫獲取json的類(上傳的也寫在了里面)。如下圖:
編輯
4:修改Ueditor的源碼
4.1:ActionEnter類的構(gòu)造方法重寫。
/***獲取config.json的*@paramrequest*@paramrootPath*@paramconfigFileName*/publicActionEnter(HttpServletRequestrequest,StringrootPath,StringconfigFileName){this.request=request;this.rootPath=rootPath;this.actionType=request.getParameter('action');this.contextPath=request.getContextPath();this.configManager=ConfigManager.getInstance(this.rootPath,this.contextPath,request.getRequestURI(),configFileName);}
如下圖:
編輯
4.2:重寫ConfigManager.getInstance方法
/***配置管理器構(gòu)造工廠--修改后*@paramrootPath服務(wù)器根路徑*@paramcontextPath服務(wù)器所在項目路徑*@paramuri當(dāng)前訪問的uri*@paramconfigFileNameconfig.json的文件名稱*@return配置管理器實例或者null*/publicstaticConfigManagergetInstance(StringrootPath,StringcontextPath,Stringuri,StringconfigFileName){try{returnnewConfigManager(rootPath,contextPath,uri,configFileName);}catch(Exceptione){returnnull;}}
如下圖:
編輯
4.3:重寫ConfigManager構(gòu)造器
/**通過一個給定的路徑構(gòu)建一個配置管理器,該管理器要求地址路徑所在目錄下必須存在config.properties文件--kaigejava修改*/privateConfigManager(StringrootPath,StringcontextPath,Stringuri,StringconfigFileName)throwsFileNotFoundException,IOException{rootPath=rootPath.replace('','/');this.rootPath=rootPath;this.contextPath=contextPath;this.configFileName=configFileName;if(contextPath.length()>0){this.originalPath=this.rootPath+uri.substring(contextPath.length());}else{this.originalPath=this.rootPath+uri;}this.initEnv();}
如下圖:
編輯
privatevoidinitEnv()throwsFileNotFoundException,IOException{Filefile=newFile(this.originalPath);if(!file.isAbsolute()){file=newFile(file.getAbsolutePath());}this.parentPath=file.getParent();//StringconfigContent=this.readFile(this.getConfigPath());StringconfigContent=this.filter(IOUtils.toString(this.getClass().getClassLoader().getResourceAsStream(configFileName),'UTF-8'));try{JSONObjectjsonConfig=JSONObject.parseObject(configContent);this.jsonConfig=jsonConfig;}catch(Exceptione){this.jsonConfig=null;}}
其中核心的:
StringconfigContent=this.filter(IOUtils.toString(this.getClass().getClassLoader().getResourceAsStream(configFileName),'UTF-8'));
修改后,如下圖:
編輯
把ueditor.config.js文件的serverUrl修改成第一步編寫的controller對應(yīng)的url.如下圖:
編輯
修改完成之后,重新打包之后,部署完成,發(fā)布訪問試試看。就可以了。
到此這篇關(guān)于spring boot 若依系統(tǒng)整合Ueditor部署時上傳圖片錯誤問題的文章就介紹到這了,更多相關(guān)spring boot上傳圖片錯誤內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向2. Python importlib動態(tài)導(dǎo)入模塊實現(xiàn)代碼3. android studio 打包自動生成版本號與日期,apk輸入路徑詳解4. 利用promise及參數(shù)解構(gòu)封裝ajax請求的方法5. 淺談python出錯時traceback的解讀6. 在Android中使用WebSocket實現(xiàn)消息通信的方法詳解7. .NET中l(wèi)ambda表達(dá)式合并問題及解決方法8. Nginx+php配置文件及原理解析9. python matplotlib:plt.scatter() 大小和顏色參數(shù)詳解10. JSP數(shù)據(jù)交互實現(xiàn)過程解析
