spring boot 若依系統整合Ueditor部署時上傳圖片錯誤問題
前言:國慶假期找了個ruoyi版本的cms玩玩,從git上看,介紹如下圖:
後臺部分截圖:
編輯
編輯
編輯
編輯
前臺blog截圖:
編輯
編輯
看上去還可以不錯,於是clone下來玩玩,結果發現,釋出文章的時候,編輯器有問題,上傳不了圖片,還有其他幾個地方有問題,怎麼解決呢?自己上手擼程式碼,修改唄。於是,下載了ueditor的原始碼,加到專案中,進行修改。現在已經修改完成,並且也釋出到的伺服器上了,歡迎大家訪問測試。文末會有凱哥修改後的git地址o~
正文:
在spring boot整合UEditor的時候,本地idea編輯器中沒問題,但是部署伺服器上,上傳圖片提示:“後端配置項沒有正常載入,上傳外掛不能正常使用!”解決辦法。
出現這種情況,可以很負責任的告訴你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.這樣符合習慣)
3.1:獲取json檔名稱
需要注意:把第二步配置的檔名稱,獲取到。如下圖:
編輯
3.2:編寫獲取json的類(上傳的也寫在了裡面)。如下圖:
編輯
4:修改Ueditor的原始碼
4.1:ActionEnter類的構造方法重寫。
/** *獲取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方法
/** *配置管理器構造工廠--修改後 *@paramrootPath伺服器根路徑 *@paramcontextPath伺服器所在專案路徑 *@paramuri當前訪問的uri *@paramconfigFileNameconfig.json的檔名稱 *@return配置管理器例項或者null */ publicstaticConfigManagergetInstance(StringrootPath,StringcontextPath,Stringuri,StringconfigFileName){ try{ returnnewConfigManager(rootPath,contextPath,uri,configFileName); }catch(Exceptione){ returnnull; } }
如下圖:
編輯
4.3:重寫ConfigManager構造器
/* *通過一個給定的路徑構建一個配置管理器,該管理器要求地址路徑所在目錄下必須存在config.properties檔案--kaigejava修改 */ privateConfigManager(StringrootPath,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對應的url.如下圖:
編輯
修改完成之後,重新打包之後,部署完成,釋出訪問試試看。就可以了。
到此這篇關於spring boot 若依系統整合Ueditor部署時上傳圖片錯誤問題的文章就介紹到這了,更多相關spring boot上傳圖片錯誤內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!