UEditor upload image development process, ueditor upload Image

UEditor upload image development process, ueditor upload Image

Locate uedior. config. js in the ueditor directory and find the following three lines:

1, imageUrl: "<% = path %>/controller. json "// address corresponding to the Image Upload and submission background. The path is fixed to */controller. * 2, imagePath: "<% = path %>/ueditor/" // storage directory of the image on the server 3, imageFieldName: "upload" // Parameter Name of the image received in the background

 

Or:

Var ueditor = UE. getEditor ('myeditor', {imageUrl: "<% = path %>/servlet/UploadServlet", // address of the Image Upload submission backend imagePath: "<% = path %>/ueditor/", // The image storage directory imageFieldName on the server: "upload" // The parameter name of the image received in the background });

 

Note: Remember to comment out "serverUrl" in the uedior. config. js configuration file.

In the/ueditor/_ src/plugins/simpleupload. js file, change link = me. options. imageUrlPrefix + json. url to link = getRootPath () + json. url;

Finally, configure the data format returned by the server, which needs to be modified by the server. The returned format is as follows:

{'url':'60391393848223.jpg','title':'p1999637039.jpg','original':'p1999637039.jpg','state':'SUCCESS'}

 

Note: use relative URLsIn this way, OK.

// Js obtain the project root path, such as http: // localhost: 8083/uimcardprjfunction getRootPath () {// obtain the current URL, such as http: // localhost: 8083/uimcardprj/share/meun. jsp var curwwwpathpattern contains invalid Doc ument. location. href; // The directory after obtaining the host address, for example, uimcardprj/share/meun. jsp var pathname=w.doc ument. location. pathname; var pos = curWwwPath. indexOf (pathName); // obtain the host address, for example, http: // localhost: 8083 var localhostPaht = curWwwPath. substring (0, pos); // obtain the project name with "/", for example,/uimcardprj var projectName = pathName. substring (0, pathName. substr (1 ). indexOf ('/') + 1); // return localhostPaht + projectName; return localhostPaht + "/";}