关于UEditor在struts2下图片上传问题

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码。

在我看来，UEditor比起其他的富文本编辑器来说，功能更加强大，界面的亲和力更加好。但是在一些新手在使用的过程中很容易出现问题。其中出现最多的可能就是关于路径的配置问题。

这段时间正在用SSH写一个论坛，其中用到就用到了UEditor。由于Struts2默认使用Apache的Commons FileUpload组件和内建的FileUploadInterceptor拦截器实现文件上传，它会将request中的文件域封装到action中的一个File类型的属性中，并删除request中的原有文件域，因此直接使用UEditor的imageUp.jsp上传文件会失败。

解决问题的方法有很多，可以自定义一个拦截器栈，去掉默认的FileUpload拦截器；也可以配置struts2不对jsp文件进行过滤。我使用的方法自定义一个过滤器，单独指定不对imageUp.jsp进行过滤。这种方法最简单，而且对项目影响较小。

项目的部分结构如下：

A、创建拦截器类

package com.forum.filter;

import javax.servlet.FilterChain;  
import javax.servlet.ServletRequest;  
import javax.servlet.ServletResponse;  
import javax.servlet.http.HttpServletRequest;  
  
import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;  
  
public class UEditorFilter extends StrutsPrepareAndExecuteFilter{  
  
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) {  
        HttpServletRequest request = (HttpServletRequest) req;  
        String url = request.getRequestURI();  
        try{  
            if ("imageUp.jsp".equals(url.substring(url.length()-11))) {  
                chain.doFilter(req, res);  
            } else {  
                super.doFilter(req, res, chain);  
            }  
        }catch(Exception e){  
            e.printStackTrace();  
        }  
    }  
 }  

B、配置拦截器在web.xml中将struts2的过滤器修改为以下代码：

<!-- UEditor -->
	<filter>
		<filter-name>UEditor</filter-name>
		<filter-class>com.forum.filter.UEditorFilter</filter-class>
	</filter>
	<filter-mapping>
		<filter-name>UEditor</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>

注意：如果想把图片的保存位置设置为笔者的类似位置，需要

在editor_config.js文件中修改imagePath

并且在imageUp.jsp页面中设置up.setSavePath(); imageUp.jsp文件中相关代码如下：

之所以修改up.getUrl().substring(6)，是因为在向前台返回路径是会加上../../，需要去掉这个才会在页面正常显示。