最新消息: 新版网站上线了!!!

解决kindeditor上传图片、文件的错误

项目中使用到了富文本编辑器,使用之后感觉非常的棒!之前使用的是ckeditor,本次项目打算使用的也是ckeditor,但是后来有些嵌套表格里面格式的显示的问题实在是比较乱。

所以使用了本文介绍的:编辑器 KindEditor :

主页地址:http://www.kindsoft.net/ ,值得说下的是,kindeditor是国产的开源的编辑器。

简介:

在线HTML编辑器 KindEditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。

整个使用过程比较简单,官方的文档写的也很详细(http://www.kindsoft.net/doc.php)。

把下载下来的文件加压缩,根据需要提取相应的文件。如图所示

注意引入相应的jar包,commons-fileupload-1.2.2jar、commons-io-2.0.1.jar、json_simple-1.1.jar ,本系统中所使用的jar包比下载下来的jar版本要新,请根据需要选取。

效果如下:

上传文件:

之前上传遇到了如下所示的错误:

 

解决的办法如下:替换

 

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>   

  2. <%@ page import="java.util.*,java.io.*" %>   

  3. <%@ page import="java.text.SimpleDateFormat" %>   

  4. <%@ page import="org.apache.commons.fileupload.*" %>   

  5. <%@ page import="org.apache.commons.fileupload.disk.*" %>   

  6. <%@ page import="org.apache.commons.fileupload.servlet.*" %>   

  7. <%@ page import="org.json.simple.*" %>   

  8. <%@ page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper" %>   

  9.     

  10. <%   

  11. //文件保存目录路径       

  12. //存放在\kindeditor\attached下  

  13. String savePath = request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/";   

  14. //文件保存目录URL /kindeditor/attached/  

  15. String saveUrl = request.getContextPath() + "/kindeditor/attached/";   

  16. //定义允许上传的文件扩展名   

  17. //定义允许上传的文件扩展名   

  18. HashMap<String, String> extMap = new HashMap<String, String>();   

  19. extMap.put("image", "gif,jpg,jpeg,png,bmp");   

  20. extMap.put("flash", "swf,flv");   

  21. extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");   

  22. extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");   

  23.     

  24. //允许最大上传文件大小 struts.xml struts.multipart.maxSize=3G   

  25. long maxSize = 3000000000l;   

  26.     

  27. response.setContentType("text/html; charset=UTF-8");   

  28.     

  29. if(!ServletFileUpload.isMultipartContent(request)){   

  30.     out.println(getError("请选择文件。"));   

  31.     return;   

  32. }   

  33. //检查目录   

  34. File uploadDir = new File(savePath);   

  35. if(!uploadDir.isDirectory()){   

  36.     out.println(getError("上传目录不存在。"));   

  37.     return;   

  38. }   

  39. //检查目录写权限   

  40. if(!uploadDir.canWrite()){   

  41.     out.println(getError("上传目录没有写权限。"));   

  42.     return;   

  43. }   

  44.     

  45. String dirName = request.getParameter("dir");//image   

  46. if (dirName == null) {   

  47.     dirName = "image";   

  48. }   

  49. if(!extMap.containsKey(dirName)){   

  50.     out.println(getError("目录名不正确。"));   

  51.     return;   

  52. }   

  53. //创建文件夹   

  54. savePath += dirName + "/";   

  55. saveUrl += dirName + "/";  

  56. File saveDirFile = new File(savePath);   

  57. if (!saveDirFile.exists()) {   

  58.     saveDirFile.mkdirs();   

  59. }   

  60. SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");   

  61. String ymd = sdf.format(new Date());   

  62. savePath += ymd + "/";  

  63. saveUrl += ymd + "/";  

  64. File dirFile = new File(savePath);   

  65. if (!dirFile.exists()) {   

  66.     dirFile.mkdirs();   

  67. }   

  68. if (!dirFile.isDirectory()) {   

  69.     out.println(getError("上传目录不存在 。"));   

  70.     return;   

  71. }   

  72. //检查目录写入权限   

  73. if (!dirFile.canWrite()) {   

  74.     out.println(getError("上传目录没有写入权限。"));   

  75.     return;   

  76. }   

  77.     

  78.  

  79. MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;   

  80. //获得上传的文件名   

  81. String fileName = wrapper.getFileNames("imgFile")[0];//imgFile,imgFile,imgFile   

  82. //获得文件过滤器   

  83. File file = wrapper.getFiles("imgFile")[0];   

  84.     

  85. //检查扩展名   

  86. String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();   

  87. if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){   

  88.     out.println(getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。"));   

  89.     return;   

  90. }   

  91. //检查文件大小   

  92. if (file.length() > maxSize) {   

  93.         out.println(getError("上传文件大小超过限制。"));   

  94.         return;   

  95. }    

  96.     

  97.     

  98. //重构上传图片的名称    

  99. SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");   

  100. String newImgName = df.format(new Date()) + "_"  

  101.                 + new Random().nextInt(1000) + "." + fileExt;   

  102. byte[] buffer = new byte[1024];   

  103. //获取文件输出流   

  104. FileOutputStream fos = new FileOutputStream(savePath +"/" + newImgName);   

  105. //获取内存中当前文件输入流   

  106. InputStream in = new FileInputStream(file);   

  107. try {   

  108.         int num = 0;   

  109.         while ((num = in.read(buffer)) > 0) {   

  110.                 fos.write(buffer, 0, num);   

  111.         }   

  112. } catch (Exception e) {   

  113.         e.printStackTrace(System.err);   

  114. } finally {   

  115.         in.close();   

  116.         fos.close();   

  117. }   

  118. //发送给 KE    

  119. JSONObject obj = new JSONObject();   

  120. obj.put("error", 0);   

  121. obj.put("url", saveUrl +"/" + newImgName);   

  122. ///zswz/attached/image/20111129/  image 20111129195421_593.jpg   

  123. out.println(obj.toJSONString());   

  124. %>   

  125. <%!   

  126. private String getError(String message) {   

  127.     JSONObject obj = new JSONObject();   

  128.     obj.put("error", 1);   

  129.     obj.put("message", message);   

  130.     return obj.toJSONString();   

  131. }   

  132. %> 

本文出自 “幽灵柯南的技术blog” 博客,请务必保留此出处http://enetq.blog.51cto.com/479739/1060915

.....

转载请注明:谷谷点程序 » 解决kindeditor上传图片、文件的错误