解决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版本要新,请根据需要选取。

效果如下:

 

上传文件:

 

 

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

解决的办法如下:替换


    <%@ 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="org.json.simple.*" %>   
    <%@ page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper" %>   
        
    <%   
    //文件保存目录路径       
    //存放在\kindeditor\attached下  
    String savePath = request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/";   
    //文件保存目录URL /kindeditor/attached/  
    String saveUrl = request.getContextPath() + "/kindeditor/attached/";   
    //定义允许上传的文件扩展名   
    //定义允许上传的文件扩展名   
    HashMap<String, String> extMap = new HashMap<String, String>();   
    extMap.put("image", "gif,jpg,jpeg,png,bmp");   
    extMap.put("flash", "swf,flv");   
    extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");   
    extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");   
        
    //允许最大上传文件大小 struts.xml struts.multipart.maxSize=3G   
    long maxSize = 3000000000l;   
        
    response.setContentType("text/html; charset=UTF-8");   
        
    if(!ServletFileUpload.isMultipartContent(request)){   
        out.println(getError("请选择文件。"));   
        return;   
    }   
    //检查目录   
    File uploadDir = new File(savePath);   
    if(!uploadDir.isDirectory()){   
        out.println(getError("上传目录不存在。"));   
        return;   
    }   
    //检查目录写权限   
    if(!uploadDir.canWrite()){   
        out.println(getError("上传目录没有写权限。"));   
        return;   
    }   
        
    String dirName = request.getParameter("dir");//image   
    if (dirName == null) {   
        dirName = "image";   
    }   
    if(!extMap.containsKey(dirName)){   
        out.println(getError("目录名不正确。"));   
        return;   
    }   
    //创建文件夹   
    savePath += dirName + "/";   
    saveUrl += dirName + "/";  
    File saveDirFile = new File(savePath);   
    if (!saveDirFile.exists()) {   
        saveDirFile.mkdirs();   
    }   
    SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");   
    String ymd = sdf.format(new Date());   
    savePath += ymd + "/";  
    saveUrl += ymd + "/";  
    File dirFile = new File(savePath);   
    if (!dirFile.exists()) {   
        dirFile.mkdirs();   
    }   
    if (!dirFile.isDirectory()) {   
        out.println(getError("上传目录不存在 。"));   
        return;   
    }   
    //检查目录写入权限   
    if (!dirFile.canWrite()) {   
        out.println(getError("上传目录没有写入权限。"));   
        return;   
    }   
        
     
    MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;   
    //获得上传的文件名   
    String fileName = wrapper.getFileNames("imgFile")[0];//imgFile,imgFile,imgFile   
    //获得文件过滤器   
    File file = wrapper.getFiles("imgFile")[0];   
        
    //检查扩展名   
    String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();   
    if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){   
        out.println(getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。"));   
        return;   
    }   
    //检查文件大小   
    if (file.length() > maxSize) {   
            out.println(getError("上传文件大小超过限制。"));   
            return;   
    }    
        
        
    //重构上传图片的名称    
    SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");   
    String newImgName = df.format(new Date()) + "_"  
                    + new Random().nextInt(1000) + "." + fileExt;   
    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);   
    ///zswz/attached/image/20111129/  image 20111129195421_593.jpg   
    out.println(obj.toJSONString());   
    %>   
    <%!   
    private String getError(String message) {   
        JSONObject obj = new JSONObject();   
        obj.put("error", 1);   
        obj.put("message", message);   
        return obj.toJSONString();   
    }   
    %>   
本文出自 “ 幽灵柯南的技术blog” 博客,请务必保留此出处 http://enetq.blog.51cto.com/479739/1060915

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值