JFinal完美整合ueditor

1. 新建一个action,配置路由地址 /upload/upload

内容如下

public void upload(){
		// 百度编辑器加载出按钮图标前 会将所有控件的路径 先通过config.json
		// 文件加载出来(包括上传图片路径,视频路径等路径都是通过config.json 文件读取的)
		// 所以某些控件点击不了 是因为 config.json文件没有找到 或者是文件里面的路径有问题
		if ("config".equals(getPara("action"))) {
			// 这里千万注意 "config.json" 文件前方的目录一定要正确
			render("/ueditor/config.json");//这里地址写成自己的config.json所在的地址
			return;
		}
		// "upfile" 来自 config.json 中的 imageFieldName 配置项
		UploadFile uf = getFile("upfile");
		String fileName = uf.getFileName();
		String[] typeArr = fileName.split("\\.");
		Ret ret = Ret.create("state", "SUCCESS")
		.set("url", "/upload/" + fileName)//文件上传地址
		.set("title", fileName)
		.set("original", uf.getOriginalFileName())
		.set("type", "." + typeArr[1]) // 这里根据实际扩展名去写
		.set("size", uf.getFile().length());
		renderJson(ret);
	}

2.修改ueditor目录下ueditor.config.js文件中 serverUrl: "/upload/upload" 意思是文件上传交个这个方法去处理 无需再导入ueditor /jsp/lib目录下的jar包(当然了,jfinal上传文件所需要的jar包还是要引入的)


3.页面写法与ueditor官网文档一致即可


4.config.json 中imageFieldName的值应与上边java代码中

UploadFile uf = getFile("upfile");

getFile("upfile")值一致 即“upfile”


JFinal完美整合ueditor_第1张图片

你可能感兴趣的:(前端,jfinal,ueditor)