最近项目中用到了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() );
%>
相关推荐
自己定制的 百度UEditor 支持tomcat虚拟路径映射,定制过程参考http://blog.csdn.net/will_awoke/article/details/39579061
1.百度的ueditor上传控件,在上传图片时,默认只能存储在项目文件夹下,这样tomcat重新部署,有可能之前上传的文件就会丢失。 2.如果想把图片上传到项目目录之外的目录中,直接下载本controller.jsp,替换原...
ueditor上传文件配置
关于ueditor的基本配置、以及图片上传、文件上传的配置方法,附图
uEditor上传图片并保存为原文件名,参照了网上的,原本是不能保存为原文件名的。
基于springboot完整的实现了ueditor前后台的代码,只要你稍微了解一点ueditor就可以了,下来后直接导入开发工具中运行就行了
UEditor 配置文件说明,上传图片集成struts2配置,详见博客: http://blog.csdn.net/omsvip/article/details/23271167
作者 配置一步,编写一步,有图有真相。简单易懂。
百度的UEditor 修改图片上传路径版,主要是修改保存路径到项目根目录外面
百度UEditor自定义上传图片存储路径为本地路径的Java改后的代码。自己项目需要修改后测试过的。
百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器
百度官方的UEditor不能支持自定义上传路径,上传路径的东西会自动存到Tomcat下,这个很不友好,我自己做了修改,支持自定义上传路径了。同学下载完成后替换一下jar包,并在配置文件中加一个参数就行了,就是这么简单...
基于Maven的SpringMVC整合UEditor实例,可单独配置图片上传路径,具体详情请参见博文:http://blog.csdn.net/l1028386804/article/details/52389722
Ueditor 1.4.3 Net上传图片文件配置Demo 可直接使用。
ueditor独立图片上传 .net上传图片 ueditor上传图片配置 经本人修改测试已经通过 如果要修改适合你的项目 你可能需要修改common/config.json 下面的路径配置
百度的UEditor 1.2.6.2修改图片上传路径版,上传路径为网站的根目录下的upload目录,UEditor放在哪个路径下都不会影响上传目录。 上传后返回的是项目路径,方便整站转移,换域名也不怕。 这个是.Net版的,请注意!...
这几天用到了UEDITOR的文件上传功能,但是UEDITOR自带的文件上传功能只能将文件上传到项目根目录.百度搜索也没有很多相关的资料,更关键的是没有相关的源代码. 所以今天把我自己实现的这部分代码上传,希望大家共同进步...
百度ueditor官方包 包括最新的1.3.6和mini2个包
3、如果你的项目是maven项目需要在pom文件中添加如下依赖 <dependency> <groupId>org.webjars.bower <artifactId>ueditor <version>1.4.3 4、修改jsp文件下的config.json的ordermealsys 字符串为你的项目名称...
百度UEditor 整合135所需要的文件