ckeditor 4.x 圖片上傳（java）

1.找到ckeditor文件夾中的config.js，添加如下配置

// 圖片預覽區域顯示內容（用於去除圖片預覽區的默認填充文字）
config.image_previewText=' ';

// 圖片上傳后台controller路徑
config.filebrowserImageUploadUrl= "/uploadCkEditor";

 

2.服務端控制器上傳圖片代碼

package webapp.controller;

import com.alibaba.fastjson.JSONObject;
import com.baomidou.mybatisplus.core.toolkit.StringUtils;
import org.apache.commons.io.FileUtils;
import org.springframework.context.annotation.Scope;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

@Scope("prototype")
@RestController
public class FileController {

    //圖片在服務器所在路徑
    private static String WEB_BASE_PATH = "/var/xxx";
    //圖片前綴域名（需搭建文件服務器）
    private static String WEB_PIC_HOST = "http://pic.xxx.com/";

    //ckeditor圖片上傳
    @RequestMapping("uploadCkEditor")
    @ResponseBody
    public void uploadWangEdit(@RequestParam("upload") MultipartFile file, HttpServletResponse response) {
        FileResponse fileResponse = new FileResponse();
        try {
            PrintWriter out = response.getWriter();
            if (file.isEmpty()) {
                String error = fileResponse.error(0, "文件為空");
                out.println(error);
            }

            String filePath = WEB_BASE_PATH;
            File dir = new File(filePath);
            if(! dir.exists()) {
                dir.mkdir();
            }
            String orgName = file.getOriginalFilename();
            String[] split = orgName.split("\\.");
            String suffix = split[1];

            //檢查圖片格式
            boolean imgTypeIsRight = checkImgType(suffix);
            if (!imgTypeIsRight){
                String error = fileResponse.error(0, "無效狀態異常");
                out.println(error);
            }

            String fileName = UUID.randomUUID().toString() +"."+suffix;
            String path = filePath + fileName;
            File tempFile = null;
            try {
                tempFile =  new File(path);
                FileUtils.copyInputStreamToFile(file.getInputStream(), tempFile);
            } catch (IllegalStateException e) {
                String error = fileResponse.error(0, "無效狀態異常");
                out.println(error);
                return;
            } catch (IOException e) {
                String error = fileResponse.error(0, "IO異常");
                out.println(error);
                return;
            }

            String success = fileResponse.success(1, fileName, WEB_PIC_HOST+fileName, "");
            out.print(success);
        } catch (IOException ex){
            return;
        }
    }

    //ckEditor圖片上傳響應體
    public class FileResponse extends HashMap<String, Object> {

        Map<String,Object> msgMap = new HashMap<>();

        public String error(int code, String msg){
            FileResponse result = new FileResponse();
            msgMap.put("message",msg);
            result.put("uploaded",code);
            result.put("error",msgMap);

            return JSONObject.toJSON(result).toString();
        }

        public String success(int code, String fileName,String url,String msg){
            FileResponse result = new FileResponse();
            if(!StringUtils.isEmpty(msg)){
                msgMap.put("message",msg);
                result.put("error",msgMap);
            }
            result.put("uploaded",code);
            result.put("fileName",fileName);
            result.put("url",url);
            return JSONObject.toJSON(result).toString();
        }
    }

    //檢查圖片格式
    private boolean checkImgType(String suffix){
        if (!"jpg".equals(suffix)&&!"jpeg".equals(suffix)&&!"png".equals(suffix)&&!"gif".equals(suffix)){
            return false;
        } else {
            return true;
        }
    }
}