百度ueditor上传文件配置为TOMCAT虚拟路径，文件保存在应用外部

最近项目中用到了ueditor上传图片、附件等资源，项目要求把使用ueditor上传内容存放在非应用目录下，指定到指定盘符，路径可配置，ueditor默认情况下存放在工程内部/ueditor/jsp/upload/...，如：

D:\Program Files\apache-tomcat-9.0.10\webapps\jforum\ueditor\jsp\upload

现要求将图片存放到服务器外面，如以下路径（举例）：

D:\upload

同时在编辑时，要正确显示上传内容。

 

网上看了很多资料，没有找到满意的解决方案，大部分是修改源代码，偶而有一篇不改代码的，也比较麻烦，于是自己研究了一凡，算是比较满意地解决了吧！不能修改源码，只是扩展一个类，改改配置项。

 

先说一下怎么定位问题的吧.

1）通过jd-gui反编译，发现文件上传保存用的是BinaryUploader类，这个类是依赖了配置项rootPath。然后我们去ConfigManager中去找

 2）发面rootPath来源于ConfigManager实例的this.rootPath，接着看这个变量哪里来的

 3）在ConfigManager构造函数中传入了rootPath，初始指向应用的部署物理路径，依赖这个值在构造函数中去找到了ueditor的ueditor/jsp/config.json配置文件，接下来这个rootPath的用途就是文件上传的根路径了。接着看谁new了ConfigManager

 4）原来是ActionEnter创建了ConfigManager，将应用的根路径“/”对应的物理路径传入了

5）ActionEnter正好是ueditor初始化时用到的，请看

 
 

接下来说一下解决思路：只要在ConfigManager实例化之后，将rootPath指向我们的外部路径即可以达到我们的目的，同时要求文件上传后正确显示，我们还必须为Tomcat配置一个外部地址的映射；

1）配置Tomcat虚拟路径，/jforum/upload是一个虚拟路径，也就是上传文件的路径前缀，这个虚拟路径映射到D:/upload目录，也就是附件上传的目录；

<Context path="/jforum/upload" docBase="D:/upload" reloadable="false" ></Contextt>

2）在config.json中添中配置项，并修改图片/附件...的路径前缀与保存格式，如下红色部分，附件/涂鸦/视频同样修改即可；

    /* 上传文件的绝对路径 */

    "uploadFileRootPath": "D:/upload",

 

 

    /* 上传图片配置项 */

    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */

    "imageFieldName": "upfile", /* 提交的图片表单名称 */

    "imageMaxSize": 2048000, /* 上传大小限制，单位B */

    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */

    "imageCompressEnable": true, /* 是否压缩图片,默认是true */

    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */

    "imageInsertAlign": "none", /* 插入的图片浮动方式 */

    "imageUrlPrefix": "/jforum/upload", /* 图片访问路径前缀 */

    "imagePathFormat": "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

 

3）写个类扩展ActionEnter，同时修改掉ConfigManager中的rootPath，有两个难点：a）ActionEnter的configManager属性是private的，并且configManager的rootPath属性是private final的，还好有反射，可以搞定；b）不能在构造函数中去修改rootPath，因为要保存ConfigManager被正确构造（主要是正确加载到config.json），所以需要一个方法去修改rootPath为config.json中新中的配置项uploadFileRootPath，该配置项与tomcat中虚拟路径对应的物理路径一致。

源代码如下：

package com.baidu.ueditor;

 

import java.lang.reflect.Field;

import java.lang.reflect.Modifier;

 

import javax.servlet.http.HttpServletRequest;

 

import org.json.JSONObject;

 

public class ActionEnterExt extends ActionEnter {

 

public ActionEnterExt(HttpServletRequest request, String rootPath) {

super(request, rootPath);

}

 

public void configUploadPath() {

try {

// 读取父类的configManager的值，读之前改变private访问限制

Field field1 = getClass().getSuperclass().getDeclaredField("configManager");

field1.setAccessible(true);

ConfigManager configManager = (ConfigManager) field1.get(this);

 

// 读取父类的configManager的属性rootPath的值，读之前改变private final访问限制

Field field2 = configManager.getClass().getDeclaredField("rootPath");

field2.setAccessible(true);

Field modifiersField = Field.class.getDeclaredField("modifiers");  

modifiersField.setAccessible(true);  

modifiersField.setInt(field2, field2.getModifiers() & ~Modifier.FINAL);

 

// 读取ueditor的配置文件中的uploadFileRootPath，即保存的绝对路径，

// 将该值修改为上面的rootPath的值，ueditor依赖这个值保存文件与图片

System.out.println("rootPath原值：" + field2.get(configManager));

JSONObject jsonCofig = configManager.getAllConfig();

String uploadFileRootPath = jsonCofig.getString("uploadFileRootPath");

field2.set(configManager, uploadFileRootPath);

System.out.println("rootPath新值：" + field2.get(configManager));

} catch (Exception e) {

throw new RuntimeException(e);

}

}

 

}

 

4）最后修改一个ueditor的入口controller.jsp，使用自定义的扩展类，并调用configUploadPath去修改rootPath，如下所示：

<%@ page language="java" contentType="text/html; charset=UTF-8"

import="com.baidu.ueditor.ActionEnterExt"

    pageEncoding="UTF-8"%>

<%@ page trimDirectiveWhitespaces="true" %>

<%

 

    request.setCharacterEncoding( "utf-8" );

response.setHeader("Content-Type" , "text/html");

 

String rootPath = application.getRealPath( "/" );

ActionEnterExt actionEnter = new ActionEnterExt( request, rootPath );

actionEnter.configUploadPath();

out.write( actionEnter.exec() );

 

%>