spring boot 若依系统整合Ueditor部署时上传图片错误问题

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(这个文件名字，在后面需要用到)。如下图：

编辑​http://;

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,StringcontextPath,Stringuri,StringconfigFileName)throwsFileNotFoundException,IOException{

rootPath=rootPath.replace("\\","/");

this.rootPath=rootPath;

this.contextPath=contextPath;

this.configFihttp://leName=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.如下图：

修改完成之后，重新打包之后，部署完成，发布访问试试看。就可以了。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。