关于jsp版ueditor1.2.5的部分问题解决(上传图片失败)
针对jsp版UEditor1.2.5上传图片失败,需引入commons-fileupload和ueditor包,修改editor_config.js中URL和imagePath路径,调整imageUp.jsp中存储路径。若整合Struts2,需自定义拦截器放行ueditor/jsp路径,并在web.xml中注册,避免拦截器冲突导致上传失败。
关于上传图片失败的问题,这可能是不少人在整合UEditor时遇到的第一个坎。其实解决思路并不复杂,核心在于处理好文件上传的路径和拦截器冲突。下面把完整的步骤拆开来讲,顺便也把Struts2环境下可能遇到的坑填上。
第一步:准备好必要的jar包
你需要引入两个包:commons-fileupload-1.2.2.jar 和 ueditor.jar。这是基础,缺一不可。
第二步:修改编辑器配置文件
打开 editor_config.js,找到 URL 这个配置项,把它改成:
window.UEDITOR_HOME_URL||"/mypro/ueditor/"
其中 mypro 替换成你的项目名。然后找到 imagePath,修改为:
URL + "upload/"
假设你的图片存储路径是 ueditor/upload/,这样就对上了。
第三步:调整上传处理文件
修改 imageUp.jsp,找到 up.setSa vePath("") 这一行,改成:
up.setSa vePath("../imageUp");
这样一来,图片实际存储路径就变成了 ueditor/upload/imageUp。
如果项目里没有配置Struts2拦截器,到这一步其实已经能正常上传了。但如果你用了Struts2,事情就稍微麻烦一点——因为Struts2的拦截器会默认拦截所有请求,包括UEditor的上传路径,导致上传失败。
第四步(特殊情况):整合Struts2时的处理
原理很简单:自己写一个拦截器,把UEditor的路径放行,其余请求仍然交给Struts2处理。具体做法是这样:
先创建一个自定义拦截器类,继承 StrutsPrepareAndExecuteFilter,重写 doFilter 方法。关键代码片段如下:
public class MyStrutsFilter extends StrutsPrepareAndExecuteFilter {
public void doFilter(ServletRequest req, ServletResponse res,
FilterChain chain) {
HttpServletRequest request = (HttpServletRequest) req;
String url = request.getRequestURI();
if (url.contains("ueditor/jsp/")) {
// 这里将整个ueditor/jsp文件夹下的请求都放行
try {
chain.doFilter(req, res);
} catch (IOException e) {
e.printStackTrace();
} catch (ServletException e) {
e.printStackTrace();
}
} else {
try {
super.doFilter(req, res, chain); // 其他请求走默认的Struts2拦截器
} catch (IOException e) {
e.printStackTrace();
} catch (ServletException e) {
e.printStackTrace();
}
}
}
}
然后在 web.xml 中注册这个自定义拦截器,替换掉原本的Struts2拦截器:
index.jsp
30
struts2
cn.xyx.web.filter.MyStrutsFilter
struts2
/*
404
/404.jsp
这样配置完成之后,UEditor上传图片就能正常工作了,同时Struts2的其他功能也不会受影响。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。















