最近项目中用到了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目录,也就是附件上传的目录;
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() );
%>