解决java Spring Mvc富文本编辑器CKEditor4图片上传问题

1.CKEditor4.22 config.js配置：

javascript 复制代码

 /*开启工具栏"图像"中文件上传功能，后面的url为图片上传要指向的的action或servlet*/
    config.filebrowserImageUploadUrl= "Manage/upload.htmls";
/*去掉图片预览框的文字*/
    config.image_previewText = ' ';
    //隐藏"超链接"与"高级选项"只留上传和预览按钮
    config.removeDialogTabs = 'image:advanced;image:Link;','help';
//解决[CKEDITOR] Error code: exportpdf-no-token-url.
//[CKEDITOR] For more information about this error go to 错误问题
 config.removePlugins = 'easyimage,cloudservices';
其它自己配置了

2.上传图片工具类UpLoadUtils（还可以完善）

java 复制代码

package com.common;

import org.springframework.web.context.ContextLoader;
import org.springframework.web.context.WebApplicationContext;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.ServletContext;
import java.io.File;
import java.util.Date;

/**
 * @标题:
 * @作者：eyucom-QMD
 * @描述：
 * @时间：2024/8/913:20
 * @版本：Ver1.0
 */

/**
 *上传文件工具类
 *@title:UpLoadUtils
 *@Author Eyucom-Qmd
 *@Date:2024/8/913:20
 *@Version:1.0
 */
public class UpLoadUtils {
    /*
    *上传方法
    * 返回上传文件的访问路径
    * 目录调用者创建
     */
    public  String uploadFile(MultipartFile file,String folder){
        try {
            //创建磁盘文件工厂
            WebApplicationContext webApplicationContext = ContextLoader.getCurrentWebApplicationContext();
            ServletContext servletContext = webApplicationContext.getServletContext();
            String filePath=servletContext.getRealPath("/UpLoad/" + folder);
            String backPath=servletContext.getContextPath();
            //设置上传文件名称编码
            //处理上传的文件
            if(!file.isEmpty()){
                String fileName=file.getOriginalFilename();
                String suffixName = fileName.substring(fileName.lastIndexOf("."));
                fileName=new Date().getTime()+suffixName;
                String savePath=filePath+"\\"+fileName;
                // 检查文件夹是否在，不存在创建它
                File folders = new File(filePath);
                if (!folders.exists() && !folders.isDirectory()) {
                    folders.mkdirs();//mkdir只创建单级目录 mkdirs创建多级目录
                }
                file.transferTo(new File(savePath));
                return backPath+"/UpLoad/" + folder+"/"+fileName;
            }else{
                return "请选择需要上传的文件";
            }
        }catch (Exception e){
            e.printStackTrace();
        }
        return null;
    }
}

3.控制层处理Contrller

java 复制代码

 @RequestMapping("/upload")
    @ResponseBody
    public Map<String ,Object> upload(@RequestPart("upload") MultipartFile file)throws Exception{
//foldr 服务器中的分类目录文件夹
        String folder="ArtContenPhoto";
        Map<String,Object>imgMap=new HashMap<>();
//将返回来的路径添加到Map集合返回预览
       String imgURL=upLoadUtils.uploadFile(file,folder);
        imgMap.put("uploaded","1");
        imgMap.put("url",imgURL);
        return imgMap;
    }