The most detailed SpringBoot integration UEditor tutorial to resolve multiple bugs

UEditor provides only the JSP version of the back-end entry code. However, the project source code is provided so that it can be modified according to business requirements.

The SpringBoot framework is used here, and the Thymeleaf template engine is equipped, so there is no need to add JSPS to be compatible with the UEditor; you can modify the source code to meet your needs. Below is a detailed tutorial.

1. Create the SpringBoot project and add the Web and Thymeleaf packages

Pom files are as follows:

[html]
view plain
copy
print
?

<?xml version=“1.0” encoding= “UTF-8”? >
<project xmlns=“http://maven.apache.org/POM/4.0.0” xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”
xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd” >
<modelVersion>4.0.0</modelVersion >
<groupId>com.example</groupId >
<artifactId>ueditor-test</artifactId >
<version>0.0.1 – the SNAPSHOT</version >
<packaging>jar</packaging>
<name>ueditor-test</name>
<description>Demo project for Spring Boot</ description>
<parent>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-parent</ artifactId>
<version>1.5.2. RELEASE</version >
<relativePath/> <! — lookup parent from repository –>
</parent>
<properties>
<project.build.sourceEncoding>UTF-8</ project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</ project.reporting.outputEncoding>
<java.version>1.8</java.version >
<! — Change thymeleaf version –>
<thymeleaf.version>3.0.3. RELEASE</ thymeleaf.version>
<thymeleaf-layout-dialect.version>2.1.0</ thymeleaf-layout-dialect.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-thymeleaf </artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-web</ artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-test </artifactId>
<scope>test</ scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot </groupId>
<artifactId>spring-boot-maven-plugin </artifactId>
</plugin>
</plugins>
</build>
</project>

<? The XML version = "1.0" encoding = "utf-8"? > < project XMLNS = "http://maven.apache.org/POM/4.0.0" XMLNS: xsi = "http://www.w3.org/2001/XMLSchema-instance" Xsi: schemaLocation = "http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" > < modelVersion > 4.0.0 < / modelVersion > < groupId > com. Example < / groupId > < artifactId > ueditor - test < / artifactId > <version>0.0.1-SNAPSHOT</version> <packaging>jar</packaging> <name>ueditor-test</name> <description>Demo project for Spring Boot</description> <parent> <groupId>org.springframework.boot</groupId> The < artifactId > spring - the boot - starter - parent < / artifactId > < version > 1.5.2. RELEASE < / version > < relativePath / > <! -- lookup parent from repository --> </parent> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> < project. Reporting. OutputEncoding > utf-8 < / project. Reporting. OutputEncoding > < Java version > 1.8 < / Java version > <! --> <thymeleaf.version>3.0.3.RELEASE</thymeleaf.version> < thymeleaf - layout - the dialect version > 2.1.0 < / thymeleaf - layout - the dialect. Version > < / properties > < dependencies > < the dependency > <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId>  <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project>Copy the code

2. Download the source code from the official website and unzip it to the project. Note that config.json is copied to the resources root directory, as shown in the figure below:

3. Add UEditorController to the index page:

[java]
view plain
copy
print
?

package com.example;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
/ * *
* Created by ldb on 2017/4/9.
* /
@Controller
public class UEditorController {
@RequestMapping(“/”)
private String showPage(){
return “index”;
}
}

package com.example; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; /** * Created by ldb on 2017/4/9. */ @Controller public class UEditorController { @RequestMapping("/") private String showPage(){ return "index"; }}Copy the code

4. Run the project. Access localhost:8080. If the following interface is displayed, the source code has been copied successfully

5. The image uploading function cannot be used. So let’s keep going. Modify poM to add Jar packages that UEditor depends on. Pom files are as follows:

[html]
view plain
copy
print
?

<?xml version=“1.0” encoding= “UTF-8”? >
<project xmlns=“http://maven.apache.org/POM/4.0.0” xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”
xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd” >
<modelVersion>4.0.0</modelVersion >
<groupId>com.example</groupId >
<artifactId>ueditor</artifactId >
<version>0.0.1 – the SNAPSHOT</version >
<packaging>jar</packaging>
<name>ueditor</name>
<description>Demo project for Spring Boot</ description>
<parent>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-parent</ artifactId>
<version>1.5.2. RELEASE</version >
<relativePath/> <! — lookup parent from repository –>
</parent>
<properties>
<project.build.sourceEncoding>UTF-8</ project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</ project.reporting.outputEncoding>
<java.version>1.8</java.version >
<thymeleaf.version>3.0.3. RELEASE</ thymeleaf.version>
<thymeleaf-layout-dialect.version>2.1.0</ thymeleaf-layout-dialect.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-thymeleaf </artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-web</ artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</ groupId>
<artifactId>spring-boot-starter-test </artifactId>
<scope>test</ scope>
</dependency>
<! — Jar package that UEditor depends on –>
<dependency>
<groupId>org.json </groupId>
<artifactId>json </artifactId>
</dependency>
<dependency>
<groupId>commons-fileupload </groupId>
<artifactId>commons-fileupload </artifactId>
<version>1.3.2 </version>
</dependency>
<dependency>
<groupId>commons-codec </groupId>
<artifactId>commons-codec </artifactId>
<version>1.9 </version>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId >org.springframework.boot</groupId>
<artifactId >spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>

<? The XML version = "1.0" encoding = "utf-8"? > < project XMLNS = "http://maven.apache.org/POM/4.0.0" XMLNS: xsi = "http://www.w3.org/2001/XMLSchema-instance" Xsi: schemaLocation = "http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" > The < modelVersion > 4.0.0 < / modelVersion > < groupId > com. Example < / groupId > < artifactId > ueditor < / artifactId > <version>0.0.1-SNAPSHOT</version> <packaging>jar</packaging> <name> uEditor </name> <description>Demo project for Spring Boot</description> <parent> <groupId>org.springframework.boot</groupId> The < artifactId > spring - the boot - starter - parent < / artifactId > < version > 1.5.2. RELEASE < / version > < relativePath / > <! -- lookup parent from repository --> </parent> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> < project. Reporting. OutputEncoding > utf-8 < / project. Reporting. OutputEncoding > < Java version > 1.8 < / Java version > . < thymeleaf version > 3.0.3 RELEASE < / thymeleaf version > < thymeleaf - layout - the dialect version > 2.1.0 < / thymeleaf - layout - the dialect. Version > < / properties > < dependencies > < the dependency > <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <! Json </groupId> <artifactId>json</artifactId> </dependency> <dependency> < the groupId > Commons fileupload - < / groupId > < artifactId > Commons fileupload - < / artifactId > < version > 1.3.2 < / version > < / dependency > < the dependency > < groupId > Commons - codec < / groupId > < artifactId > Commons - codec < / artifactId > < version > 1.9 < / version > </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project>Copy the code

6. Write the UEditorController class as described in controller.jsp. Map to config.

[java]
view plain
copy
print
?

package com.example;
import com.baidu.ueditor.ActionEnter;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
/ * *
* Created by ldb on 2017/4/9.
* /
@Controller
public class UEditorController {
@RequestMapping(“/”)
private String showPage(){
return “index”;
}
@RequestMapping(value=“/config”)
public void config(HttpServletRequest request, HttpServletResponse response) {
response.setContentType(“application/json”);
String rootPath = request.getSession().getServletContext().getRealPath(“/”);
try {
String exec = new ActionEnter(request, rootPath).exec();
PrintWriter writer = response.getWriter();
writer.write(exec);
writer.flush();
writer.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}

package com.example; import com.baidu.ueditor.ActionEnter; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.PrintWriter; /** * Created by ldb on 2017/4/9. */ @Controller public class UEditorController { @RequestMapping("/") private String showPage(){ return "index"; } @RequestMapping(value="/config") public void config(HttpServletRequest request, HttpServletResponse response) { response.setContentType("application/json"); String rootPath = request.getSession().getServletContext().getRealPath("/"); try { String exec = new ActionEnter(request, rootPath).exec(); PrintWriter writer = response.getWriter(); writer.write(exec); writer.flush(); writer.close(); } catch (IOException e) { e.printStackTrace(); }}}Copy the code

7. Debug step by step that the config.json file cannot be loaded. Change the getConfigPath() method of the ConfigManage class. As follows:

[java]
view plain
copy
print
?

package com.baidu.ueditor;
import com.baidu.ueditor.define.ActionMap;
import org.json.JSONArray;
import org.json.JSONObject;
import java.io.*;
import java.net.URISyntaxException;
import java.util.HashMap;
import java.util.Map;
/ * *
* Configuration manager
* @author [email protected]
*
* /
public final class ConfigManager {
private final String rootPath;
private final String originalPath;
private final String contextPath;
private static final String configFileName = “config.json”;
private String parentPath = null;
private JSONObject jsonConfig = null;
// Doodle upload filename definition
private final static String SCRAWL_FILE_NAME = “scrawl”;
// Remote image fetching filename definition
private final static String REMOTE_FILE_NAME = “remote”;
/ *
* Build a configuration manager from a given path that requires the config.properties file to exist in the directory where the address path resides
* /
private ConfigManager ( String rootPath, String contextPath, String uri ) throws FileNotFoundException, IOException {
rootPath = rootPath.replace( “\\”, “/” );
this.rootPath = rootPath;
this.contextPath = contextPath;
if ( contextPath.length() > 0 ) {
this.originalPath = this.rootPath + uri.substring( contextPath.length() );
} else {
this.originalPath = this.rootPath + uri;
}
this.initEnv();
}
/ * *
* Configuration manager constructs factory
* @param rootPath server rootPath
* @param contextPath Project path of the server
* @param uri Specifies the uri of the current access
* @return Configuration manager instance or NULL
* /
public static ConfigManager getInstance ( String rootPath, String contextPath, String uri ) {
try {
return new ConfigManager(rootPath, contextPath, uri);
} catch ( Exception e ) {
return null;
}
}
// Verify that the configuration file is correctly loaded
public boolean valid () {
return this.jsonConfig ! =null;
}
public JSONObject getAllConfig () {
return this.jsonConfig;
}
public Map<String, Object> getConfig ( int type ) {
Map<String, Object> conf = new HashMap<String, Object>();
String savePath = null;
switch ( type ) {
case ActionMap.UPLOAD_FILE:
conf.put( “isBase64”.“false” );
conf.put( “maxSize”.this.jsonConfig.getLong( “fileMaxSize”));
conf.put( “allowFiles”.this.getArray( “fileAllowFiles”));
conf.put( “fieldName”.this.jsonConfig.getString( “fileFieldName”));
savePath = this.jsonConfig.getString( “filePathFormat” );
break;
case ActionMap.UPLOAD_IMAGE:
conf.put( “isBase64”.“false” );
conf.put( “maxSize”.this.jsonConfig.getLong( “imageMaxSize”));
conf.put( “allowFiles”.this.getArray( “imageAllowFiles”));
conf.put( “fieldName”.this.jsonConfig.getString( “imageFieldName”));
savePath = this.jsonConfig.getString( “imagePathFormat” );
break;
case ActionMap.UPLOAD_VIDEO:
conf.put( “maxSize”.this.jsonConfig.getLong( “videoMaxSize”));
conf.put( “allowFiles”.this.getArray( “videoAllowFiles”));
conf.put( “fieldName”.this.jsonConfig.getString( “videoFieldName”));
savePath = this.jsonConfig.getString( “videoPathFormat” );
break;
case ActionMap.UPLOAD_SCRAWL:
conf.put( “filename”, ConfigManager.SCRAWL_FILE_NAME );
conf.put( “maxSize”.this.jsonConfig.getLong( “scrawlMaxSize”));
conf.put( “fieldName”.this.jsonConfig.getString( “scrawlFieldName”));
conf.put( “isBase64”.“true” );
savePath = this.jsonConfig.getString( “scrawlPathFormat” );
break;
case ActionMap.CATCH_IMAGE:
conf.put( “filename”, ConfigManager.REMOTE_FILE_NAME );
conf.put( “filter”.this.getArray( “catcherLocalDomain”));
conf.put( “maxSize”.this.jsonConfig.getLong( “catcherMaxSize”));
conf.put( “allowFiles”.this.getArray( “catcherAllowFiles”));
conf.put( “fieldName”.this.jsonConfig.getString( “catcherFieldName” ) + “[]” );
savePath = this.jsonConfig.getString( “catcherPathFormat” );
break;
case ActionMap.LIST_IMAGE:
conf.put( “allowFiles”.this.getArray( “imageManagerAllowFiles”));
conf.put( “dir”.this.jsonConfig.getString( “imageManagerListPath”));
conf.put( “count”.this.jsonConfig.getInt( “imageManagerListSize”));
break;
case ActionMap.LIST_FILE:
conf.put( “allowFiles”.this.getArray( “fileManagerAllowFiles”));
conf.put( “dir”.this.jsonConfig.getString( “fileManagerListPath”));
conf.put( “count”.this.jsonConfig.getInt( “fileManagerListSize”));
break;
}
conf.put( “savePath”, savePath );
conf.put( “rootPath”.this.rootPath );
return conf;
}
private void initEnv () throws FileNotFoundException, IOException {
File file = new File( this.originalPath );
if ( !file.isAbsolute() ) {
file = new File( file.getAbsolutePath() );
}
this.parentPath = file.getParent();
String configContent = this.readFile( this.getConfigPath() );
try{
JSONObject jsonConfig = new JSONObject( configContent );
this.jsonConfig = jsonConfig;
} catch ( Exception e ) {
this.jsonConfig = null;
}
}
private String getConfigPath () {
//return this.parentPath + File.separator + ConfigManager.configFileName;
try {
// Get the config.json path of classpath
return this.getClass().getClassLoader().getResource( “config.json”).toURI().getPath();
} catch (URISyntaxException e) {
return null;
}
}
private String[] getArray ( String key ) {
JSONArray jsonArray = this.jsonConfig.getJSONArray( key );
String[] result = new String[ jsonArray.length() ];
for ( int i = 0, len = jsonArray.length(); i < len; i++ ) {
result[i] = jsonArray.getString( i );
}
return result;
}
private String readFile ( String path ) throws IOException {
StringBuilder builder = new StringBuilder();
try {
InputStreamReader reader = new InputStreamReader( new FileInputStream( path ), “UTF-8” );
BufferedReader bfReader = new BufferedReader( reader );
String tmpContent = null;
while( ( tmpContent = bfReader.readLine() ) ! =null ) {
builder.append( tmpContent );
}
bfReader.close();
} catch ( UnsupportedEncodingException e ) {
/ / ignore
}
return this.filter( builder.toString() );
}
// Filter input strings, remove multi-line comments and replace backslashes
private String filter ( String input ) {
return input.replaceAll( “/\\*[\\s\\S]*? \ \ * /”.“” );
}
}

package com.baidu.ueditor;

import com.baidu.ueditor.define.ActionMap;
import org.json.JSONArray;
import org.json.JSONObject;

import java.io.*;
import java.net.URISyntaxException;
import java.util.HashMap;
import java.util.Map;

/**
 * 配置管理器
 * @author [email protected]
 *
 */
public final class ConfigManager {

	private final String rootPath;
	private final String originalPath;
	private final String contextPath;
	private static final String configFileName = "config.json";
	private String parentPath = null;
	private JSONObject jsonConfig = null;
	// 涂鸦上传filename定义
	private final static String SCRAWL_FILE_NAME = "scrawl";
	// 远程图片抓取filename定义
	private final static String REMOTE_FILE_NAME = "remote";
	
	/*
	 * 通过一个给定的路径构建一个配置管理器， 该管理器要求地址路径所在目录下必须存在config.properties文件
	 */
	private ConfigManager ( String rootPath, String contextPath, String uri ) throws FileNotFoundException, IOException {
		
		rootPath = rootPath.replace( "\\", "/" );
		
		this.rootPath = rootPath;
		this.contextPath = contextPath;
		
		if ( contextPath.length() > 0 ) {
			this.originalPath = this.rootPath + uri.substring( contextPath.length() );
		} else {
			this.originalPath = this.rootPath + uri;
		}
		
		this.initEnv();
		
	}
	
	/**
	 * 配置管理器构造工厂
	 * @param rootPath 服务器根路径
	 * @param contextPath 服务器所在项目路径
	 * @param uri 当前访问的uri
	 * @return 配置管理器实例或者null
	 */
	public static ConfigManager getInstance ( String rootPath, String contextPath, String uri ) {
		
		try {
			return new ConfigManager(rootPath, contextPath, uri);
		} catch ( Exception e ) {
			return null;
		}
		
	}
	
	// 验证配置文件加载是否正确
	public boolean valid () {
		return this.jsonConfig != null;
	}
	
	public JSONObject getAllConfig () {
		
		return this.jsonConfig;
		
	}
	
	public Map<String, Object> getConfig ( int type ) {
		
		Map<String, Object> conf = new HashMap<String, Object>();
		String savePath = null;
		
		switch ( type ) {
		
			case ActionMap.UPLOAD_FILE:
				conf.put( "isBase64", "false" );
				conf.put( "maxSize", this.jsonConfig.getLong( "fileMaxSize" ) );
				conf.put( "allowFiles", this.getArray( "fileAllowFiles" ) );
				conf.put( "fieldName", this.jsonConfig.getString( "fileFieldName" ) );
				savePath = this.jsonConfig.getString( "filePathFormat" );
				break;
				
			case ActionMap.UPLOAD_IMAGE:
				conf.put( "isBase64", "false" );
				conf.put( "maxSize", this.jsonConfig.getLong( "imageMaxSize" ) );
				conf.put( "allowFiles", this.getArray( "imageAllowFiles" ) );
				conf.put( "fieldName", this.jsonConfig.getString( "imageFieldName" ) );
				savePath = this.jsonConfig.getString( "imagePathFormat" );
				break;
				
			case ActionMap.UPLOAD_VIDEO:
				conf.put( "maxSize", this.jsonConfig.getLong( "videoMaxSize" ) );
				conf.put( "allowFiles", this.getArray( "videoAllowFiles" ) );
				conf.put( "fieldName", this.jsonConfig.getString( "videoFieldName" ) );
				savePath = this.jsonConfig.getString( "videoPathFormat" );
				break;
				
			case ActionMap.UPLOAD_SCRAWL:
				conf.put( "filename", ConfigManager.SCRAWL_FILE_NAME );
				conf.put( "maxSize", this.jsonConfig.getLong( "scrawlMaxSize" ) );
				conf.put( "fieldName", this.jsonConfig.getString( "scrawlFieldName" ) );
				conf.put( "isBase64", "true" );
				savePath = this.jsonConfig.getString( "scrawlPathFormat" );
				break;
				
			case ActionMap.CATCH_IMAGE:
				conf.put( "filename", ConfigManager.REMOTE_FILE_NAME );
				conf.put( "filter", this.getArray( "catcherLocalDomain" ) );
				conf.put( "maxSize", this.jsonConfig.getLong( "catcherMaxSize" ) );
				conf.put( "allowFiles", this.getArray( "catcherAllowFiles" ) );
				conf.put( "fieldName", this.jsonConfig.getString( "catcherFieldName" ) + "[]" );
				savePath = this.jsonConfig.getString( "catcherPathFormat" );
				break;
				
			case ActionMap.LIST_IMAGE:
				conf.put( "allowFiles", this.getArray( "imageManagerAllowFiles" ) );
				conf.put( "dir", this.jsonConfig.getString( "imageManagerListPath" ) );
				conf.put( "count", this.jsonConfig.getInt( "imageManagerListSize" ) );
				break;
				
			case ActionMap.LIST_FILE:
				conf.put( "allowFiles", this.getArray( "fileManagerAllowFiles" ) );
				conf.put( "dir", this.jsonConfig.getString( "fileManagerListPath" ) );
				conf.put( "count", this.jsonConfig.getInt( "fileManagerListSize" ) );
				break;
				
		}
		
		conf.put( "savePath", savePath );
		conf.put( "rootPath", this.rootPath );
		
		return conf;
		
	}
	
	private void initEnv () throws FileNotFoundException, IOException {
		
		File file = new File( this.originalPath );
		
		if ( !file.isAbsolute() ) {
			file = new File( file.getAbsolutePath() );
		}
		
		this.parentPath = file.getParent();
		
		String configContent = this.readFile( this.getConfigPath() );
		
		try{
			JSONObject jsonConfig = new JSONObject( configContent );
			this.jsonConfig = jsonConfig;
		} catch ( Exception e ) {
			this.jsonConfig = null;
		}
		
	}


	private String getConfigPath () {
		//return this.parentPath + File.separator + ConfigManager.configFileName;
		try {
			//获取classpath下的config.json路径
			return this.getClass().getClassLoader().getResource("config.json").toURI().getPath();
		} catch (URISyntaxException e) {
			return null;
		}
	}

	private String[] getArray ( String key ) {
		
		JSONArray jsonArray = this.jsonConfig.getJSONArray( key );
		String[] result = new String[ jsonArray.length() ];
		
		for ( int i = 0, len = jsonArray.length(); i < len; i++ ) {
			result[i] = jsonArray.getString( i );
		}
		
		return result;
		
	}
	
	private String readFile ( String path ) throws IOException {
		
		StringBuilder builder = new StringBuilder();
		
		try {
			
			InputStreamReader reader = new InputStreamReader( new FileInputStream( path ), "UTF-8" );
			BufferedReader bfReader = new BufferedReader( reader );
			
			String tmpContent = null;
			
			while ( ( tmpContent = bfReader.readLine() ) != null ) {
				builder.append( tmpContent );
			}
			
			bfReader.close();
			
		} catch ( UnsupportedEncodingException e ) {
			// 忽略
		}
		
		return this.filter( builder.toString() );
		
	}
	
	// 过滤输入字符串, 剔除多行注释以及替换掉反斜杠
	private String filter ( String input ) {
		
		return input.replaceAll( "/\\*[\\s\\S]*?\\*/", "" );
		
	}
	
}
Copy the code

this.getClass().getClassLoader().getResource(“config.json”).toURI().getPath();

You need to convert to URI and then getPath(), otherwise you will not be able to read the file if your project path has Spaces or Chinese characters

8. To run project path at http://localhost:8080/config? Action =config. If the following figure shows the config.json file can be read

9. Click upload and the picture will be displayed as follows

A message is displayed indicating that uploaded data is not found. The BinaryUploader class cannot get the byte stream

Google got the result because SpringMVC framework processed the request containing byte stream. This is the processed request, so the byte stream cannot be obtained. At this time, the parser multipartResolver of SpringMVC framework is used. Modify the source code as follows:

[java]
view plain
copy
print
?

package com.baidu.ueditor.upload;
import com.baidu.ueditor.PathFormat;
import com.baidu.ueditor.define.AppInfo;
import com.baidu.ueditor.define.BaseState;
import com.baidu.ueditor.define.FileType;
import com.baidu.ueditor.define.State;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import javax.servlet.http.HttpServletRequest;
import java.io.IOException;
import java.io.InputStream;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
public class BinaryUploader {
public static final State save(HttpServletRequest request,
Map<String, Object> conf) {
// FileItemStream fileStream = null;
// boolean isAjaxUpload = request.getHeader( “X_Requested_With” ) ! = null;
if(! ServletFileUpload.isMultipartContent(request)) {
return new BaseState(false, AppInfo.NOT_MULTIPART_CONTENT);
}
// ServletFileUpload upload = new ServletFileUpload(
// new DiskFileItemFactory());
//
// if ( isAjaxUpload ) {
// upload.setHeaderEncoding( “UTF-8” );
// }
try {
// FileItemIterator iterator = upload.getItemIterator(request);
//
// while (iterator.hasNext()) {
// fileStream = iterator.next();
//
// if (! fileStream.isFormField())
// break;
// fileStream = null;
// }
//
// if (fileStream == null) {
// return new BaseState(false, AppInfo.NOTFOUND_UPLOAD_DATA);
// }
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
MultipartFile multipartFile = multipartRequest.getFile(conf.get(“fieldName”).toString());
if(multipartFile==null) {
return new BaseState( false, AppInfo.NOTFOUND_UPLOAD_DATA);
}
String savePath = (String) conf.get(“savePath”);
//String originFileName = fileStream.getName();
String originFileName = multipartFile.getOriginalFilename();
String suffix = FileType.getSuffixByFilename(originFileName);
originFileName = originFileName.substring(0.
originFileName.length() – suffix.length());
savePath = savePath + suffix;
long maxSize = ((Long) conf.get(“maxSize”)).longValue();
if(! validType(suffix, (String[]) conf.get(“allowFiles”))) {
return new BaseState( false, AppInfo.NOT_ALLOW_FILE_TYPE);
}
savePath = PathFormat.parse(savePath, originFileName);
String physicalPath = (String) conf.get(“rootPath”) + savePath;
//InputStream is = fileStream.openStream();
InputStream is = multipartFile.getInputStream();
State storageState = StorageManager.saveFileByInputStream(is,
physicalPath, maxSize);
is.close();
if (storageState.isSuccess()) {
storageState.putInfo(“url”, PathFormat.format(savePath));
storageState.putInfo(“type”, suffix);
storageState.putInfo(“original”, originFileName + suffix);
}
return storageState;
// } catch (FileUploadException e) {
// return new BaseState(false, AppInfo.PARSE_REQUEST_ERROR);
} catch (IOException e) {
}
return new BaseState(false, AppInfo.IO_ERROR);
}
private static boolean validType(String type, String[] allowTypes) {
List<String> list = Arrays.asList(allowTypes);
return list.contains(type);
}
}

package com.baidu.ueditor.upload; import com.baidu.ueditor.PathFormat; import com.baidu.ueditor.define.AppInfo; import com.baidu.ueditor.define.BaseState; import com.baidu.ueditor.define.FileType; import com.baidu.ueditor.define.State; import org.apache.commons.fileupload.servlet.ServletFileUpload; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.multipart.MultipartHttpServletRequest; import javax.servlet.http.HttpServletRequest; import java.io.IOException; import java.io.InputStream; import java.util.Arrays; import java.util.List; import java.util.Map; public class BinaryUploader { public static final State save(HttpServletRequest request, Map<String, Object> conf) { // FileItemStream fileStream = null; // boolean isAjaxUpload = request.getHeader( "X_Requested_With" ) ! = null; if (! ServletFileUpload.isMultipartContent(request)) { return new BaseState(false, AppInfo.NOT_MULTIPART_CONTENT); } // ServletFileUpload upload = new ServletFileUpload( // new DiskFileItemFactory()); // // if ( isAjaxUpload ) { // upload.setHeaderEncoding( "UTF-8" ); // } try { // FileItemIterator iterator = upload.getItemIterator(request); // // while (iterator.hasNext()) { // fileStream = iterator.next(); // // if (! fileStream.isFormField()) // break; // fileStream = null; // } // // if (fileStream == null) { // return new BaseState(false, AppInfo.NOTFOUND_UPLOAD_DATA); // } MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; MultipartFile multipartFile = multipartRequest.getFile(conf.get("fieldName").toString()); if(multipartFile==null){ return new BaseState(false, AppInfo.NOTFOUND_UPLOAD_DATA); } String savePath = (String) conf.get("savePath"); //String originFileName = fileStream.getName(); String originFileName = multipartFile.getOriginalFilename(); String suffix = FileType.getSuffixByFilename(originFileName); originFileName = originFileName.substring(0, originFileName.length() - suffix.length()); savePath = savePath + suffix; long maxSize = ((Long) conf.get("maxSize")).longValue(); if (! validType(suffix, (String[]) conf.get("allowFiles"))) { return new BaseState(false, AppInfo.NOT_ALLOW_FILE_TYPE); } savePath = PathFormat.parse(savePath, originFileName); String physicalPath = (String) conf.get("rootPath") + savePath; //InputStream is = fileStream.openStream(); InputStream is = multipartFile.getInputStream(); State storageState = StorageManager.saveFileByInputStream(is, physicalPath, maxSize); is.close(); if (storageState.isSuccess()) { storageState.putInfo("url", PathFormat.format(savePath)); storageState.putInfo("type", suffix); storageState.putInfo("original", originFileName + suffix); } return storageState; // } catch (FileUploadException e) { // return new BaseState(false, AppInfo.PARSE_REQUEST_ERROR); } catch (IOException e) { } return new BaseState(false, AppInfo.IO_ERROR); } private static boolean validType(String type, String[] allowTypes) { List<String> list = Arrays.asList(allowTypes); return list.contains(type); }}Copy the code

At this point to upload the image, it has been successfully uploaded.

10. But where did the picture go? Continue the debug discovery step by step and upload it to the path shown in the figure

The path shown in the figure is the Tomcat cache path. The file will be deleted as long as tomcat is restarted. We need to store it on disk. Modify the config.json file at this point.

The red arrow is the modification point. I need to store the files in E:/image/**. Here I added basePath to store static resources such as videos and music in E disk. Because basePath was added, the configuration needs to be modified. Go to ConfigManage with debug

Add the red arrow code to tuck basePath into the configuration file. Then go to the upload file class BinaryUploader and modify the following code:

To run the project, click Add Image. Open the image directory of drive E, as shown in the figure, and upload it to the corresponding path of drive E successfully

11. Open the browser and find that the page cannot load pictures. The diagram below:

Open the browser debugger. As shown in figure

Unable to get image. This is of course because we saved the image on drive E and Spring does not map the directory on drive E. Now we add a path map. Open the application.properties file and add the following code

[plain]
view plain
copy
print
?

web.upload-path=E:/
spring.mvc.static-path-pattern=/**
spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/pub lic/,file:${web.upload-path}

web.upload-path=E:/ spring.mvc.static-path-pattern=/** spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/pub lic/,file:${web.upload-path}Copy the code

At this point, re-run the project and click Upload image. The image will now display normally.

12. At this point, SpringBoot integration with the UEditor should be complete. Don’t worry, SpringBoot is a Jar package. Let’s use Maven to package and run it

java -jar

Open the project address, click upload picture, find unexpectedly can not upload? !!!!!

What’s going on here? Why can not upload pictures after the Jar package. After constant debug and Google.. Found that the file cannot be read from the path of classLoader.getResource ().getPath() in the Jar package, use the Class getResourceAsStream() to read. Specific blog posts are as follows:

http://hxraid.iteye.com/blog/483115?page=3#comments

13. Let’s change the source code to getResourceAsStream to read config.json. Open the ConfigManager class and modify the initEnv method

[java]
view plain
copy
print
?

private void initEnv () throws FileNotFoundException, IOException {
File file = new File( this.originalPath );
if ( !file.isAbsolute() ) {
file = new File( file.getAbsolutePath() );
}
this.parentPath = file.getParent();
//String configContent = this.readFile( this.getConfigPath() );
String configContent = this.filter(IOUtils.toString(this.getClass().getClassLoader().getResourceAsStream( “config.json”)));
try{
JSONObject jsonConfig = new JSONObject( configContent );
this.jsonConfig = jsonConfig;
} catch ( Exception e ) {
this.jsonConfig = null;
}
}

private void initEnv () throws FileNotFoundException, IOException {
		
		File file = new File( this.originalPath );
		
		if ( !file.isAbsolute() ) {
			file = new File( file.getAbsolutePath() );
		}
		
		this.parentPath = file.getParent();
		
		//String configContent = this.readFile( this.getConfigPath() );
		String configContent = this.filter(IOUtils.toString(this.getClass().getClassLoader().getResourceAsStream("config.json")));

		try{
			JSONObject jsonConfig = new JSONObject( configContent );
			this.jsonConfig = jsonConfig;
		} catch ( Exception e ) {
			this.jsonConfig = null;
		}
		
	}Copy the code

14. Ok, pack up again and run the project

Success!!!!!!

The project source code: https://github.com/llldddbbb/ueditor-test

This is the end of the tutorial. Thank you for your attention

The most detailed SpringBoot integration UEditor tutorial to resolve multiple bugs

Related Posts

Based on the log4j.properties configuration, the (log4j, SLf4j) implementation outputs the specified log to the specified log file

[HTTP] Love-hate relationship between cookies and sessions

Undeadlock database by hand