百度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中去找


百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第1张图片
 2)发面rootPath来源于ConfigManager实例的this.rootPath,接着看这个变量哪里来的


百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第2张图片
 3)在ConfigManager构造函数中传入了rootPath,初始指向应用的部署物理路径,依赖这个值在构造函数中去找到了ueditor的ueditor/jsp/config.json配置文件,接下来这个rootPath的用途就是文件上传的根路径了。接着看谁new了ConfigManager

百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第3张图片
 4)原来是ActionEnter创建了ConfigManager,将应用的根路径“/”对应的物理路径传入了


百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第4张图片

5)ActionEnter正好是ueditor初始化时用到的,请看


百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第5张图片
 
 

接下来说一下解决思路:只要在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() );

 

%>

  • 百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第6张图片
  • 大小: 87.3 KB
  • 百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第7张图片
  • 大小: 27 KB
  • 百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第8张图片
  • 大小: 124.6 KB
  • 百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第9张图片
  • 大小: 131.4 KB
  • 百度ueditor上传文件配置为TOMCAT虚拟路径,文件保存在应用外部_第10张图片
  • 大小: 54.9 KB
  • 查看图片附件

你可能感兴趣的:(ueditor)