溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題

發(fā)布時(shí)間:2020-10-09 10:43:20 來源:腳本之家 閱讀:238 作者:kaizi1992 欄目:開發(fā)技術(shù)

前言:國慶假期找了個(gè)ruoyi版本的cms玩玩,從git上看,介紹如下圖:

后臺部分截圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

前臺blog截圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

看上去還可以不錯(cuò),于是clone下來玩玩,結(jié)果發(fā)現(xiàn),發(fā)布文章的時(shí)候,編輯器有問題,上傳不了圖片,還有其他幾個(gè)地方有問題,怎么解決呢?自己上手?jǐn)]代碼,修改唄。于是,下載了ueditor的源碼,加到項(xiàng)目中,進(jìn)行修改。現(xiàn)在已經(jīng)修改完成,并且也發(fā)布到的服務(wù)器上了,歡迎大家訪問測試。文末會有凱哥修改后的git地址o~

正文:

在spring boot整合UEditor的時(shí)候,本地idea編輯器中沒問題,但是部署服務(wù)器上,上傳圖片提示:“后端配置項(xiàng)沒有正常加載,上傳插件不能正常使用!”解決辦法。

出現(xiàn)這種情況,可以很負(fù)責(zé)任的告訴你99%是因?yàn)?,在加載的時(shí)候,沒有獲取到ueditor的config.json文件。怎么處理了?

分析原因:

查看原來文件存放位置:

在resources的static下,正常來說,是沒有問題的。但是spring boot打成jar包后的路徑和war包的路徑是不一樣的。文件是在BOOT-INF下的。如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

直接獲取,是不行的。找到原因后,我們就來想辦法解決掉。

解決步驟:

1:修改文件存放位置。

如凱哥,直接就放在了resources下,文件名稱為:ueditor-config.json(這個(gè)文件名字,在后面需要用到)。如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題

編輯​

2:在yml文件中,配置ueditor-config.json的文件名:

uEditorConfig:
fileName:ueditor-config.json

如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

3:編寫一個(gè)controller(ps:JSP的凱哥沒有使用,修改成了controller.這樣符合習(xí)慣)

3.1:獲取json文件名稱

需要注意:把第二步配置的文件名稱,獲取到。如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

3.2:編寫獲取json的類(上傳的也寫在了里面)。如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

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);
}

如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

4.2:重寫ConfigManager.getInstance方法

/**
*配置管理器構(gòu)造工廠--修改后
*@paramrootPath服務(wù)器根路徑
*@paramcontextPath服務(wù)器所在項(xiàng)目路徑
*@paramuri當(dāng)前訪問的uri
*@paramconfigFileNameconfig.json的文件名稱
*@return配置管理器實(shí)例或者null
*/
publicstaticConfigManagergetInstance(StringrootPath,StringcontextPath,Stringuri,StringconfigFileName){

try{
returnnewConfigManager(rootPath,contextPath,uri,configFileName);
}catch(Exceptione){
returnnull;
}

}

如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

4.3:重寫ConfigManager構(gòu)造器

/*
*通過一個(gè)給定的路徑構(gòu)建一個(gè)配置管理器,該管理器要求地址路徑所在目錄下必須存在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();
}

如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

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"));

修改后,如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

把ueditor.config.js文件的serverUrl修改成第一步編寫的controller對應(yīng)的url.如下圖:

spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題編輯​

修改完成之后,重新打包之后,部署完成,發(fā)布訪問試試看。就可以了。

到此這篇關(guān)于spring boot 若依系統(tǒng)整合Ueditor部署時(shí)上傳圖片錯(cuò)誤問題的文章就介紹到這了,更多相關(guān)spring boot上傳圖片錯(cuò)誤內(nèi)容請搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI