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，則此插件上傳圖片會出錯。