struts集成kindeditor上传图片的时候出现上传错误


这个问题连续让我纠结了好几天,以前用kindeditor都是比较顺利的。但是这次就很让人郁闷了,出现上传错误后连续找了资料发现可能是struts的问题,因为struts对文件上传也做了封装和处理,因此使用kindeditor应该注意下面的几个问题。

1.如果有用到struts注意下映射路径,如果是 * 则不用修改,建议加上一个*.jsp

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

我是这么写的

<filter>
        <filter-name>struts2</filter-name>
        <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
     </filter>
    <filter-mapping>
        <filter-name>struts2</filter-name>
        <url-pattern>*.action</url-pattern>
        <dispatcher>REQUEST</dispatcher>  
		<dispatcher>INCLUDE</dispatcher>  
		<dispatcher>FORWARD</dispatcher>  
    </filter-mapping>
    
    <filter-mapping>
	  <filter-name>struts2</filter-name>
	  <url-pattern>/struts/*</url-pattern>
	</filter-mapping>

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

2.改写action或upload_json.jsp,这要看你是提交给action还是jsp页面,这个是改写后的upload_json.jsp

<%@page import="java.util.Random"%>
<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.io.FileInputStream"%>
<%@page import="java.io.InputStream"%>
<%@page import="java.io.FileOutputStream"%>
<%@page import="java.io.File"%>
<%@page import="java.util.Arrays"%>
<%@page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper"%>
<%@page import="net.sf.json.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

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

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

//定义允许上传的文件扩展名
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);
%>
<%!private String getError(String message) {
 JSONObject obj = new JSONObject();
 obj.put("error", 1);
 obj.put("message", message);
 return obj.toString();
}
%>

这个是我的录入页面的js

<script>
		KindEditor.ready(function(K) {
			var editor1 = K.create('textarea[name="formInfo.fCONTENT"]', {
				cssPath : '<%=basePath%>javascript/kindeditor/plugins/code/prettify.css',
				uploadJson : '<%=basePath%>javascript/kindeditor/jsp/upload_json.jsp',
				fileManagerJson : '<%=basePath%>javascript/kindeditor/jsp/file_manager_json.jsp',
				allowFileManager : true,
				afterCreate : function() {
					var self = this;
					K.ctrl(document, 13, function() {
						self.sync();
						document.forms['form1'].submit();
					});
					K.ctrl(self.edit.doc, 13, function() {
						self.sync();
						document.forms['form1'].submit();
					});
				}
			});
			prettyPrint();
		});
</script>

另外拷贝代码要看看会不会报错,json的那个包要引入,kindeditor的几个jar包也不能漏掉。代码测试过了绝对可以上传成功。

微笑


智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告