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

1.CKEditor4.22 config.js配置:

 /*开启工具栏“图像”中文件上传功能,后面的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(还可以完善)

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

 @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;
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值