解决kindeditor与Struts2框架整合时无法上传本地图片的问题 (2)

一 环境: XP3+Myeclipse6.6+Tomcat7

二 官网:http://www.kindsoft.net/


需要的jar文件如下 :
commons-fileupload-1.2.1.jar
commons-io-1.4.jar
json_simple-1.1.jar

三 参考资料

1 可视化编辑器的开发心得

http://www.javaeye.com/topic/552177

2 KindEditor使用

http://jonney-82.javaeye.com/blog/447579

3 kindeditor错误“服务器发生故障”解决的办法！

http://www.webqi.cn/news/news179.html

4 基于kindeditor3.4的上传功能的JAVA实现

http://www.javaeye.com/topic/599971


四 具体代码:版本:Kindeditor3.5

1 参考(kindeditor错误“服务器发生故障”解决的办法！)所讲述问题修改二个文件,就不用每个页面都要设置:imageUploadJson,fileManagerJson这二个参数.

修改位置与文件名称

1 kindeditor/plugins/image/image.html


将其中的:

Js代码

var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../php/upload_json.php' : KE.g[id].imageUploadJson;

就是把:php替换成:jsp,修改为:

Js代码

var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../jsp/upload_json.jsp' : KE.g[id].imageUploadJson;

2 kindeditor/plugins/file_manager/file_manager.js


Js代码

var JSON_URL = '../../php/file_manager_json.php';

Java代码

var JSON_URL = '../../jsp/file_manager_json.jsp';

由于struts框架对request对象做了封装，原来处理上传图片的upload_json.jsp文件无法使用了，于是对kindeditor中处理上传图片的upload_json.jsp文件进行重写，通过多次测试后，成功实现了图片的上传。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
　　　　<%@ page import="java.util.*,java.io.*"%>
　　　　<%@ page import="java.text.SimpleDateFormat"%>
　　　　<%@ page import="org.apache.commons.fileupload.*"%>
　　　　<%@ page import="org.apache.commons.fileupload.disk.*"%>
　　　　<%@ page import="org.apache.commons.fileupload.servlet.*"%>
　　　　<%@ page import="com.opensymphony.xwork2.ActionContext"%>
　　　　<%@ page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper"%>
　　　　<%@ page import="org.json.simple.*"%>

　　　　<%
　　　　　//文件保存目录路径 img_upload是服务器存储上传图片的目录名
　　　　String savePath = request.getSession().getServletContext().getRealPath("/")+ "img_upload/";

　　　　　　　　//文件保存目录URL
　　　　　　　　String saveUrl = request.getContextPath() + "/img_upload/";

　　　　　　　　//定义允许上传的文件扩展名
　　　　　　　　String[] fileTypes = new String[] { "gif", "jpg", "jpeg", "png","bmp" };

　　　　　　　　//允许最大上传文件大小
　　　　　　　　long maxSize = 1024000;

　　　　　　　　//Struts2 请求 包装过滤器
　　　　　　　　MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;

　　　　　　　　//获得上传的文件名
　　　　　　　　String fileName = wrapper.getFileNames("imgFile")[0];

　　　　　　　　//获得文件过滤器
　　　　　　　　File file = wrapper.getFiles("imgFile")[0];

　　　　　　　　//得到上传文件的扩展名
　　　　　String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();

　　　　　　　　//检查扩展名
　　　　　　　　if (!Arrays.<String> asList(fileTypes).contains(fileExt)) {
　　　　　　　　 out.println(getError("上传文件扩展名是不允许的扩展名。"));
　　　　　　　　 return;
　　　　　　　　}
　　　　　　　　//检查文件大小
　　　　　　　　if (file.length() > maxSize) {
　　　　　　　　 out.println(getError("上传文件大小超过限制。"));
　　　　　　　　 return;
　　　　　　　　}

　　　　　　　　//检查目录
　　　　　　　　File uploadDir = new File(savePath);
　　　　　　　　if (!uploadDir.isDirectory()) {
　　　　　　　　 out.println(getError("上传目录不存在。"));
　　　　　　　　 return;
　　　　　　　　}
　　　　　　　　//检查目录写入权限
　　　　　　　　if (!uploadDir.canWrite()) {
　　　　　　　　 out.println(getError("上传目录没有写入权限。"));
　　　　　　　　 return;
　　　　　　　　}

　　　　　　　　//重构上传图片的名称
　　　　　　　　SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
　　　　　　　　String newImgName = df.format(new Date()) + "_"
+ new Random().nextInt(1000) + "." + fileExt;

　　　　　　　　//设置 KE 中的图片文件地址
　　　　String newFileName = request.getScheme() + "://"+ request.getServerName()
+ ":" + request.getServerPort()
　　　　　　　　+ saveUrl + newImgName;

　　　　　　　　byte[] buffer = new byte[1024];

　　　　　　　　//获取文件输出流
　　　　　　　　FileOutputStream fos = new FileOutputStream(savePath + newImgName);

　　　　　　　　//获取内存中当前文件输入流
　　　　　　　　InputStream in = new FileInputStream(file);

　　　　　　　　try {
　　　　　　　　          int num = 0;
　　　　　　　　　　 while ((num = in.read(buffer)) > 0) {
　　　　　　　　         fos.write(buffer, 0, num);
　　　　　　　　 }
　　　　　　　　} catch (Exception e) {
　　　　　　　　        e.printStackTrace(System.err);
　　　　　　　　} finally {
　　　　　　　      　  in.close();
　　　　　　　　        fos.close();
　　　　　　　　}

　　　　　　　　//发送给 KE

　　　　　　　　JSONObject obj = new JSONObject();
　　　　　　　　obj.put("error", 0);
　　　　　　　　obj.put("url", saveUrl + newImgName);
　　　　　　　　out.println(obj.toJSONString());
　　　　　　　　%>
　　　　　　　　<%!private String getError(String message) {
　　　　　　　　 JSONObject obj = new JSONObject();
　　　　　　　　 obj.put("error", 1);
　　　　　　　　 obj.put("message", message);
　　　　　　　　 return obj.toJSONString();
　　　　　　　　}
　　　　　%>

或

修改web.xml文件中有关action路径就可以了！如下，

<filter-mapping>

<filter-name>struts2</filter-name>

<url-pattern>*.action</url-pattern>

</filter-mapping>

就可以正常得到request中的内容