fckedirot使用 及与struts2整合图片上传问题的解决办法

fckedirot使用 及与struts2整合图片上传问题的解决办法

使用：

使用的版本：

FCKeditor_2.6.3

fckeditor-java-2.4-bin

一，项目中增加以下包：（特别留意项目中原有的包是否有跟以下包有冲突，例如commons-fileupload包。我原项目中有个1.0的包，加进这个1.2的包就冲突了，困扰了我好久，一开始没留意到包冲突的问题。）

commons-fileupload-1.2.1.jar

commons-io-1.3.2.jar

fckeditor-java-core-2.4.1.jar

java-core-2.4.1.jar

slf4j-api-1.5.2.jar

slf4j-simple-1.5.2.jar

imageinfo-1.9.jar

二，配置web.xml：

<servlet>

<servlet-name>Connector</servlet-name>

<servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>Connector</servlet-name>

<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>

</servlet-mapping>

三，在src目录下新建fckeditor.properties文件，主要配置如下：

connector.userFilesPath=/UpLoad/res //设置上传文件路径。默认是WebRoot目录下userfiles.

connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl

四，将fckeditor文件夹复制到WebRoot目录下。

五，调用页面配置：

1），引入fckeditor.js文件:<script type="text/javascript" src="http://lqmh18.blog.163.com/blog/../fckeditor/fckeditor.js"></script>

2），建立textarea标签，普通html或struts标签均可，我使用struts标签，例如：<html:textarea property="magazineModel.contentTemp" name="magazineForm" styleId="FCKeditor1"></html:textarea>

3），页面中加入以下js，用fckecitor取代textarea：如果是普通html标签，new FCKeditor("这里则写name属性")。

<script type="text/javascript">

var sBasePath = "../fckeditor/";

var oFCKeditor = new FCKeditor('FCKeditor1') ;

oFCKeditor.BasePath = sBasePath ;

oFCKeditor.ReplaceTextarea() ;

</script>

与struts2的整合: (转自：http://www.sunchis.com/html/java/struts/2011/0318/272.html)

前提是，FCKeditor已经整合到你的Web项目中，FCKeditor已经可以使用，但就是在上传图片的时候一直停住不动，如下图。如果 FCKeditor单纯地在jsp页面上显示，不会存在这样的问题。但是如果FCKeditor与Struts整合，就会出现这样的问题。造成此问题的原 因就是Struts的拦截器，在web.xml配置文件中，可以清楚的看到：

<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

就是上面这个配置，Struts会拦截所以以“/”开头的URL。

关于将FCKeditor整合到Web项目中，可以参考《Java FckEditor 2.6+JSP的配置方法详解》。

在FCKeditor的配置中，FCKeditor是使用servlet来实现的，它也是通过拦截URL的机制进行工作的，FCKeditor的部分servlet配置如下：

<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
</servlet-mapping>

现在就很明了了，struts拦截所有以“/”开头的URL，FCKeditor的servlet拦截所有以“/fckeditor/editor /filemanager/connectors/”开头的URL，当你使用FCKeditor上传图片的时候，URL中包含有“/”（指网站根目录）， 优先被struts的拦截器拦截，这样上传图片的URL请求自然就不会转发到FCKeditor的servlet，所以我们上传图片也就不成功。

网上有很多解决方法，但多数是修改struts的拦截范围，如将"/*"改成"*.do"或"*.action"之类的。这不是一个好方法，因为在我的项目中，我没有使用do或action的URL扩展，这样显然不能解决我的问题，那么有没有一个更加完美的解决方法呢？

答案是肯定的。我自己定义了一个过滤器FCKFilter.java，让它继承Struts2的过滤器StrutsPrepareAndExecuteFilter，完整代码如下：

package com.olympus.sapg.smtinnovation.util.method;

import java.io.IOException;

import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;

public class FCKFilter extends StrutsPrepareAndExecuteFilter {
public void doFilter(ServletRequest req,ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) req;
String URI = request.getRequestURI();
String[] uriArray = URI.split("/fckeditor/editor/filemanager/connectors/");
int arrayLen = uriArray.length;
if (arrayLen >= 2) {
chain.doFilter(req, res);
}else {
super.doFilter(req, res, chain);
}
}
}

上面的代码是重写了Struts2的过滤器StrutsPrepareAndExecuteFilter中的doFilter方法，执行的原理为：

获得完整的http url地址，然后判断url地址中是否包含有FCKeditor的servlet拦截规则“/fckeditor/editor/filemanager /connectors/”，若包含，struts就不拦截该url请求，而是直接转发，交由FCKeditor的servlet来处理；若不包含，则拦 截该url请求，由struts来处理。

自定义的过滤器写完之后，要在web.xml中更改struts的拦截器类，不能再使用struts的默认拦截器类 StrutsPrepareAndExecuteFilter。但是请放心，自定义的过滤器FCKFilter继承了 StrutsPrepareAndExecuteFilter里的所有的方法，因此项目依然照常运行。

<!-- struts2 -->
<filter>
<filter-name>struts2</filter-name>
<filter-class>com.olympus.sapg.smtinnovation.util.method.FCKFilter</filter-class>
<init-param>
<param-name>actionPackages</param-name>
<param-value>com.olympus.sapg.smtinnovation.action</param-value>
</init-param>
</filter>

<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

OK，该方法巧妙的解决了struts2和FCKeditor整合后不能上传图片的问题，需要改动的系统配置非常少，只需自定义一个拦截器，然后改一下struts的拦截器类为自定义的拦截器类，就这么简单……