百度富文本编辑器集成——代码备份

6 篇文章 0 订阅
1 篇文章 0 订阅

百度富文本编辑器集成
——mini版本,之前使用完整版本的,需要上传图片需要依赖flash插件,本次直接集成mini版本
这里下载的版本是:UMeditor 版本是:[1.2.3 Jsp 版本-UTF-8版本]

  1. 插件umeditor.config.js配置文件修改:
    /**
     * 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
     */
    window.UMEDITOR_CONFIG = {
        //为编辑器实例添加一个路径,这个不能被注释
        UMEDITOR_HOME_URL : URL

        //图片上传配置区
        ,imageUrl:"/platform/editor/mini/imageupload"       //图片上传提交地址
        ,imagePath:""      //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
        ,imageFieldName:"upfile"   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
上面的imageUrl参数为提交上传图片处理的地址,此地址内的代码用springmvc改造成下面2中的代码

上传文件成功后返回内容格式:  
String result = "{\"name\":\""+ up.getFileName() +"\", \"originalName\": \""+ up.getOriginalName() +"\",\"size\": "+ up.getSize() +", \"state\": \""+ up.getState() +"\", \"type\": \""+ up.getType() +"\",\"url\": \""+ up.getUrl() +"\"}";
  1. 上传文件处理代码UMEditController.class(此处不使用jsp)
package com.sun4j.module.controller;

import com.alibaba.fastjson.JSON;
import com.sun4j.module.util.FileUploadUtils;
import com.sun4j.module.util.FileUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
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.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Controller
@RequestMapping("/editor/mini")
public class UMEditController {
    private final static Logger logger = LoggerFactory.getLogger(UMEditController.class);
    private final static String[] imageType = { ".gif", ".png", ".jpg", ".jpeg", ".bmp" };
    private final static long imageMaxSize = 2 * 1024 * 1024;

    @RequestMapping("/imageupload")
    @ResponseBody
    public Object imageUpload(@RequestParam(value = "upfile", required = false) MultipartFile upfile, HttpServletRequest request) throws IOException {
        Map<String, Object> params = new HashMap<String, Object>();
        String fileName = upfile.getOriginalFilename();
        params.put("originalName", fileName);  // 原始文件名
        params.put("name", fileName);  // 上传文件名
        if (FileUtil.checkFileType(fileName, imageType).isEmpty()) {
            params.put("state", "不允许的文件格式");    // 状态
            return params;
        }
        if (upfile.getSize() > imageMaxSize) {
            params.put("state", "文件大小超出限制");        // 状态
            return params;
        }
        String accessPath = FileUploadUtils.uploadFile(upfile.getBytes(), upfile.getOriginalFilename());
        params.put("url", accessPath);  // 输出文件地址
        params.put("state", "SUCCESS");
        params.put("type",this.getFileExt(fileName));     // 文件类型
        params.put("size",upfile.getSize());     // 文件大小
        logger.debug(JSON.toJSONString(params));
        return JSON.toJSONString(params);
    }

    public List<File> getImageFiles(String realpath, List<File> files) {
        File realFile = new File(realpath);
        if (realFile.isDirectory()) {
            File[] subfiles = realFile.listFiles();
            for (File file : subfiles) {
                if (file.isDirectory()) {
                    getImageFiles(file.getAbsolutePath(), files);
                } else {
                    if (!"".equals(FileUtil.checkFileType(file.getName(), imageType))) {
                        files.add(file);
                    }
                }
            }
        }
        return files;
    }

    /**
     * 获取文件扩展名
     *
     * @return string
     */
    private String getFileExt(String fileName) {
        return fileName.substring(fileName.lastIndexOf("."));
    }
}

上面使用的是七牛云存储的处理。

注意点:上面上传文件返回内容一定要是json字符串,否则会提示上传失败,这里是上传参数错误的一种提示。

return JSON.toJSONString(params);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值