Ueditor image uploading solution under front and rear end separation

A small project, short (a project), because it is done before and after the end of the separation, the back end with spring boot hit jar package, the front end needs to use the Ueditor to save the picture, do a long time did not get out, the majority of the online search is to modify the source code, for a novice is too advanced, According to a predecessor of the company, you can add a Ueditor project to the server, put it into the Tomcat WebApps folder on the server, and then change the ServerURL in the Ueditor.config.js in the a project to the new Ueditor interface. It's very general, as follows

Ide:eclipse

Server:tomcat

One: Create a ueditor project and configure it on the server tomcat according to the official documentation (http://fex.baidu.com/ueditor/#server-jsp?qq-pf-to=pcqq.c2c)

JSP Usage Instructions 1 Background

Ueditor 1.4. Version 0 simplifies the previous configuration, see: Backend request specification, in order to accommodate this upgrade, the JAVA background has also been rewritten, with the previous version of the difference, the upgrade of the user attention to read this document.

This document describes the deployment and configuration instructions for the Ueditor JAVA background.

Note: This document is only available for Java version ueditor after 1.4.0. 2 Prerequisites JDK 1.6+ Apache Tomcat 6.0+ ueditor 1.4.0+ 3 Sample Environment 3.1 software release information JDK 6u45 Tomcat 6.0.41 ueditor 1.4.3 utf- 8 Java edition os:windows7 Ultimate SP1 X64 Eclipse 4.4.0 3.2 software path information Tomcat installation path:

D:\apache-tomcat-6.0.41\

4 Deployment 4.1 Manual Deployment

Unzip the corresponding Ueditor compression package into the Tomcat WebApps directory, and eventually, the Ueditor installation path is:

D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\

Enter directory:

D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\

Create the following two folders (note case sensitive):

Web-inf\lib\

Copy directory:

D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\jsp\lib\

All the jar packages under the 2nd step created by the Lib directory, the result is as shown in the figure:

When deployment is complete, double-click the following script file to start Tomcat (the JAVA_HOME environment variable needs to be configured correctly).

D:\apache-tomcat-6.0.41\bin\startup.bat

The interface shown below indicates that the server started successfully.

Go to the 5 verification installation step to verify that the deployment was successful. 4.2 Eclipse Deployment

Configure Tomcat 6.0 in Eclipse.

Create a name in eclipse that is named

ueditor1_4_3-utf8-jsp

The "Dynamic Web Project" project. As shown in the following illustration:

Unzip the downloaded Ueditor package to the D packing directory.

Projects in Eclipse

ueditor1_4_3-utf8-jsp

Under the "webcontent" directory, right-click on the pop-up menu to choose: Import->import ..., pop up as shown in the following Image dialog box:

In the dialog box that pops up, expand the general item, and double-click File System to pop up the dialog box, as shown in the following illustration:

Click on the "Browse ..." button to select the Ueditor folder extracted from the 3rd step in the pop-up File selection dialog box, and tick all the files, as shown in the following figure:

Click the "Finish" button to complete the import.

Copy all the jar packages under directory jsp/lib/to the web-inf/lib/directory, and the final project is structured as shown in the following figure:

Add the project to Tomcat and start Tomcat, and the launch succeeds when the interface shown in the Console panel of Eclipse appears as in the following figure.

Go to the 5 verification installation step to verify that the deployment was successful. 5 Verifying the installation

Enter the following URL in the browser address bar:

Http://localhost:8080/ueditor1_4_3-utf8-jsp/jsp/controller.jsp?action=config

appears similar to the following figure, the configuration succeeds, otherwise, it fails.

6 Mobile Project in the Eclipse Tomcat, right-click on the project, Browse Deployment location, copy the entire project, then find Tomcat for the server, copy the project to WebApps under URL input :

Domain name (or IP: port number)/ueditor1_4_3-utf8-jsp/jsp/controller.jsp?action=config

If you have the same results as the previous step, it means that you have configured the

II: Ueditor configuration in a project

Find Ueditor.config.js in Project A, change line 33rd, Serverurl:url + "jsp/controller.jsp" to ServerURL: domain name (or IP: port number)/ueditor1_4_3-utf8-jsp /jsp/controller.jsp

The above completes the front-end server Ueditor configuration, specific picture save path configuration, you can refer to the article Note: Picture save path and image access path prefix is modified in the Ueditor1_4_3-utf8-jsp/jsp/config.json
Http://blog.csdn.net/shaochong047/article/details/52673648?locationNum=13