java对接ueditor富文本编辑器实现图片上传到oss

说明： ueditor富文本编辑器实现图片上传至oss以及基础config需要使用java后端处理

步骤：
1.下载源码： https://github.com/fex-team/ueditor/releases/tag/v1.4.3.3

2.拷贝源码： 如：F:\ueditor\ueditor-1.4.3.3\ueditor-1.4.3.3\jsp\src\com\baidu\ueditor以及F:\ueditor\ueditor-1.4.3.3\ueditor-1.4.3.3\jsp\config.json放置自身项目中如图：

修改config.json 的imageUrlPrefix：

编写controller：
其中euditorOssConfig中的ueditorPath是打包为jar后无法读取到配置的路径，我是懒得挨个去读取，直接在项目自有的公共配置文件中加上了config.json，这个根据个人情况吧，想读取就自己再写，我这个比较“傻瓜”式

/**
 * 用于处理关于ueditor插件相关的请求
 * @author zjh
 * @date 2020-01-29
 *
 */
@RestController
@CrossOrigin
@RequestMapping("/ueditor")
public class UeditorController {

	/**
	 * 创建osstoken参数
	 */
	@Resource
	private EuditorOssConfig euditorOssConfig;

	@RequestMapping(value = "/exec")
	@ResponseBody
	public String exec(HttpServletRequest request) throws IOException {

		String action = request.getParameter("action");
		if ("uploadimage".equals(action)) {
			State state = null;
			MultipartHttpServletRequest multipartHttpServletRequest = null;
			try {
				multipartHttpServletRequest = (MultipartHttpServletRequest) request;
			} catch (Exception e) {
				state = new BaseState(false);
				state.putInfo("message","文件格式错误");
				return GsonUtils.toJsonWtihNullField(state);
			}
			MultipartFile file = multipartHttpServletRequest.getFile("upfile");
			String ueditorPath = request.getParameter("ueditorPath");
			if(null == ueditorPath || null == file || StringUtils.isBlank(file.getOriginalFilename())){
				state = new BaseState(false);
				state.putInfo("message","参数错误");
				return GsonUtils.toJsonWtihNullField(state);
			}
			// 原来的文件名
			String originalName = file.getOriginalFilename();
			// 文件后缀
			String suffix = originalName.substring(originalName.indexOf("."));
			// 上传
			InputStream is = file.getInputStream();
			try {
				String url = OssUtils.uploadImgAliYun(is,originalName,euditorOssConfig.getEndpointEuditor(),euditorOssConfig.getAccessKeyId(),euditorOssConfig.getAccessKeySecret(),euditorOssConfig.getBucketName(),ueditorPath);
				state = new BaseState(true);
				state.putInfo( "size", file.getSize());
				state.putInfo( "title", originalName);//文件名填入此处
				state.putInfo( "suffix", suffix);//文件后缀
				state.putInfo( "url", url);//文件访问的url填入此处
			} catch (IOException e) {
				state = new BaseState(false);
				state.putInfo("message","上传失败");
			}
			String json = GsonUtils.toJsonWtihNullField(state);
			return json;
		} else {
			request.setCharacterEncoding("utf-8");
			String rootPath = request.getRealPath("/");
			return new ActionEnter(request, rootPath,euditorOssConfig.getConfigPath()).exec();
		}

	}
	
}

编写ossUtils方法：

public static String uploadImgAliYun(InputStream is,String fileName,String endpoint,String accessId,String accessKey,String bucket,String myPath) throws IOException {
        String dir = myPath;
        log.info("开始上传" + fileName);
        fileName = dir + "/" + fileName;
        ObjectMetadata metadata = new ObjectMetadata();
        metadata.setContentLength(is.available());
        metadata.setCacheControl("no-cache");
        metadata.setHeader("Pragma", "no-cache");
        metadata.setContentEncoding("utf-8");
        metadata.setContentType(getContentType(fileName));
        metadata.setContentDisposition("filename=" + fileName);
        try {
            //上传文件
            OSSClient client = new OSSClient(endpoint, accessId, accessKey);
            PutObjectResult putresult = client.putObject(bucket, fileName, is, metadata);
            log.info(putresult.getETag());
            log.info(GsonUtils.toJsonFilterNullField(putresult));
            String url = "http://" + bucket + "." + endpoint + "/" + fileName;
            return url;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

问题： 跨域问题，百度搜的一堆也没啥用，什么nginx加Access-Control-Allow-Headers，后端配置跨域注解，后端跨域配置，网关设置跨域，我自己的拦截器在做token校验，我是没加这个跨域配置，这块本地测吧，或者前端转发一下处理。

注意： 后端的部分代码以及前端的我贴出来地址，自己去取或者私信要：
我的资源里：前后端分离ueditor代码
后端的只贴了部分，并不能直接运行，比如ossutils上传工具等等，这些是你自己写的东西，包含一些更改，不可能一一解释的。
前端使用改下路径就可以:

题外话：

Ueditor 富文本2017年以后就没维护了，如果不是特殊需要建议考虑下这两款，有完善的文档：
mavon-editor，wangeditor自行百度去比较下吧。