CKEDITOR最新版不能上传图片的解决

文献：http://bbs.csdn.net/topics/390883077

代码例子：http://download.csdn.net/download/itmyhome/7851265

1.原先

2.修改

<script type="text/javascript">
    window.onload = function(){
        var zy = null;//摘要
        zy = CKEDITOR.replace('zy',{
        language : 'zh-cn',
        filebrowserImageUploadUrl : '图片上传的servlet',   注意此处由于浏览器内核不同，路径有些许不同。
        image_previewText : ' 预览内容，此处设为空',
        });

    }
</script>

<textarea value="" name="zy" rows="8" class="form-control"></textarea>

3.修改后的样子

4、实践

js

<script type="text/javascript">
    window.onload = function(){
        var xwnr = null;//摘要
        xwnr = CKEDITOR.replace('xwnr',{
        language : 'zh-cn',
        filebrowserImageUploadUrl : 'login/newsphoto.do',
        image_previewText : '',
        });
    }
</script>

servlet

 public class NewsPhotoServlet extends HttpServlet {

     public void doPost(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {

         response.setContentType("text/html");
         response.setCharacterEncoding("UTF-8");
         request.setCharacterEncoding("UTF-8");
         PrintWriter pout = response.getWriter();
         // CKEditor提交的很重要的一个参数
         String callback = request.getParameter("CKEditorFuncNum");
         //得到上传文件的保存目录，将上传的文件存放于目录下，
         String savePath = this.getServletContext().getRealPath("/files");
         //上传时生成的临时文件保存目录
         String tempPath = this.getServletContext().getRealPath("/files/temp");
         File tmpFile = new File(tempPath);
         if(!tmpFile.exists()){
             //如果临时目录不存在，创建临时目录
             tmpFile.mkdir();
         }
         //图片名称
         String photoname = "";
         try {
             //使用Apache文件上传组件处理文件上传步骤：
             //1、创建一个DiskFileItemFactory工厂
             DiskFileItemFactory factory = new DiskFileItemFactory();
             //设置工厂的缓冲区的大小，当上传的文件大小超过缓冲区的大小时，就会生成一个临时文件存放到指定的临时目录当中。
             //设置缓冲区的大小为100KB，如果不指定，那么缓冲区的大小默认是10KB
             factory.setSizeThreshold(1024*100);
             //设置上传时生成的临时文件的保存目录
             factory.setRepository(tmpFile);
             //2、创建一个文件上传解析器
             ServletFileUpload upload = new ServletFileUpload(factory);
             //监听文件上传进度
             upload.setProgressListener(new ProgressListener(){

                 public void update(long pBytesRead, long pContentLength, int arg2) {
                     System.out.println("文件大小为：" + pContentLength + ",当前已处理：" + pBytesRead);
                 }
             });
             //解决上传文件名的中文乱码
             upload.setHeaderEncoding("UTF-8");
             //3、判断提交上来的数据是否是上传表单的数据
             if(!ServletFileUpload.isMultipartContent(request)){
                 //按照传统方式获取数据
                 return;
             }
             //设置上传单个文件的大小的最大值，目前是设置为1024*1024字节，也就是1MB
             upload.setFileSizeMax(1024*1024);
             //设置上传文件总量的最大值，最大值=同时上传的多个文件的大小的最大值的和，目前设置为10MB
             upload.setSizeMax(1024*1024*10);
             //4、使用ServletFileUpload解析器解析上传数据，
             //解析结果返回的是一个List<FileItem>集合，每一个FileItem对应一个Form表单的输入项
             List<FileItem> list = upload.parseRequest(request);
             for(FileItem item : list){
                 //如果fileitem中封装的是普通输入项的数据
                 if(item.isFormField()){
                     String name = item.getFieldName();
                     //解决普通输入项的数据的中文乱码问题
                     String value = item.getString("UTF-8");
                     System.out.println(name + "=" + value);
                 }else{
                     //如果fileitem中封装的是上传文件
                     //得到上传的文件名称，
                     String filename = item.getName();
                     System.out.println("filename:"+filename);
                     if(filename==null || filename.trim().equals("")){
                         continue;
                     }
                     //注意：不同的浏览器提交的文件名是不一样的，
                     //有些浏览器提交上来的文件名是带有路径的，如：  c:\a\b\1.txt，
                     //而有些只是单纯的文件名，如：1.txt
                     //处理获取到的上传文件的文件名的路径部分，只保留文件名部分
                     filename = filename.substring(filename.lastIndexOf("\\")+1);
                     //得到上传文件的扩展名
                     String fileExtName = filename.substring(filename.lastIndexOf(".")+1);
                     //如果需要限制上传的文件类型，那么可以通过文件的扩展名来判断上传的文件类型是否合法
                     System.out.println("上传的文件的扩展名是："+fileExtName);
                     //获取item中的上传文件的输入流
                     InputStream in = item.getInputStream();
                     //得到文件保存的名称
                     String saveFilename = makeFileName(filename);
                     if(saveFilename != null){
                         photoname = saveFilename;
                     }
                     //得到文件的保存目录
                     String realSavePath = makePath(saveFilename, savePath);
                     System.out.println("realSavePath:"+realSavePath);
                     //创建一个文件输出流
                     FileOutputStream out = new FileOutputStream(realSavePath + "\\" + saveFilename);
                     //创建一个缓冲区
                     byte buffer[] = new byte[1024];
                     //判断输入流中的数据是否已经读完的标识
                     int len = 0;
                     //循环将输入流读入到缓冲区当中，(len=in.read(buffer))>0就表示in里面还有数据
                     while((len=in.read(buffer))>0){
                         //使用FileOutputStream输出流将缓冲区的数据写入到指定的目录(savePath + "\\" + filename)当中
                         out.write(buffer, 0, len);
                     }
                     //关闭输入流
                     in.close();
                     //关闭输出流
                     out.close();
                     //删除处理文件上传时生成的临时文件
                     item.delete();
                 }
             }
         } catch (FileUploadBase.FileSizeLimitExceededException e) {
             e.printStackTrace();
             return;
             }catch (FileUploadBase.SizeLimitExceededException e) {
             e.printStackTrace();
             return;
             }catch (Exception e) {
             e.printStackTrace();
             }
             // 返回"图像"选项卡并显示图片  request.getContextPath()为web项目名
             pout.println("<script type=\"text/javascript\">");
             pout.println("window.parent.CKEDITOR.tools.callFunction(" + callback
                     + ",'" + request.getContextPath() + "/files/photo/" + photoname + "','')");
             pout.println("</script>");
             System.out.println("ok1!");

     }

     //构造存储文件名
     private String makeFileName(String filename){  //2.jpg
         //为防止文件覆盖的现象发生，要为上传文件产生一个唯一的文件名
         return UUID.randomUUID().toString() + "_" + filename;
     }

     //构造存储路径
     private String makePath(String filename,String savePath){

         String dir1 = "photo";
         //构造新的保存目录
         String dir = savePath +"\\"+dir1;    //目录：upload\photo
         //File既可以代表文件也可以代表目录
         File file = new File(dir);
         //如果目录不存在
         if(!file.exists()){
             //创建目录
             file.mkdirs();
         }
         return dir;
     }

 注意：如果这个页面加了x-frame-options：deny，则此插件上传图片会出错。