解决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;
    }
相关推荐
RainbowSea4 分钟前
跨域问题(Allow CORS)解决(3 种方法)
java·spring boot·后端
掘金-我是哪吒5 分钟前
分布式微服务系统架构第155集:JavaPlus技术文档平台日更-Java线程池实现原理
java·分布式·微服务·云原生·架构
RainbowSea8 分钟前
问题 1:MyBatis-plus-3.5.9 的分页功能修复
java·spring boot·mybatis
前端 贾公子11 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
不学会Ⅳ1 小时前
Mac M芯片搭建jdk源码环境(jdk24)
java·开发语言·macos
虫小宝1 小时前
高佣金返利平台监控体系建设:APM、链路追踪与佣金异常预警系统技术实现
java
sniper_fandc2 小时前
SpringBoot系列—入门
java·spring boot·后端
代码的余温3 小时前
Maven引入第三方JAR包实战指南
java·maven·jar
先睡5 小时前
Redis的缓存击穿和缓存雪崩
redis·spring·缓存
pianmian16 小时前
类(JavaBean类)和对象
java