1、下载ueditor
打开http://ueditor.baidu.com/website/download.html#ueditor
需要下载两个压缩包
1、下载完整源码,并解压
2、下载jsp版本【UTF-8】,并解压
源码版本是为了使用里面的java文件,而后来发现在源码版本中没有ueditor.all.min.js文件,而在前端是需要引入这个js文件的,所以需要再把jsp版本下载下来,该版本中有该js文件。
2、java后台部分
2.1 config.json文件
在java项目的 src/main/webapp 目录下新建一个conf目录,然后在解压后的源码版本中的 jsp 目录下找到config.json文件,把它复制到新建的conf目录下,并做修改。
该文件是用来配置ueditor编辑器的上传文件的功能的各种参数的。
该文件复制utf8-jsp\jsp源码下的config.json文件就可以
2.2 然后把源码版本中的jsp/src/com目录下的baidu这个文件夹拷贝到项目com.xiao包下
拷贝后,里面的java文件会报错,只需要修改各个java文件的package包路径和引用其他文件即可
如果还是报错,可以导入下面的maven依赖
由于我的我的配置文件放在resources下了,所以我在ConfigManager.java中修改了代码:
修改如下:
在ConfigManager.java 40行左右
uri我传的是项目中的绝对路径
2.3 Controller层代码
@RequestMapping(value = "/exec", method = {RequestMethod.GET})
public void exec(HttpServletRequest request, HttpServletResponse response, String action) {
response.setContentType("application/json");
String rootPath = request.getSession().getServletContext().getRealPath("/");
try {
if ("config".equals(action)) { //如果是初始化
String exec = new ActionEnter(request, rootPath).exec();
PrintWriter writer = response.getWriter();
writer.write(exec);
writer.flush();
writer.close();
}
} catch (Exception e) {
}
}
@RequestMapping(value = "/file", method = RequestMethod.POST)
public void ueditorFile(@RequestParam(value = "upfile") MultipartFile file, HttpServletResponse response, String action) {
response.setContentType("application/json");
if ("uploadimage".equals(action)) { //|| "uploadvideo".equals(action) || "uploadfile".equals(action) //如果是上传图片、视频、和其他文件
try {
//封装腾讯云需要的参数
Map map = new HashMap();
map.put("secretId", secretId);
map.put("secretKey", secretKey);
map.put("readpathprefix", readpathprefix);
map.put("region", region);
map.put("appId", appId);
JSONObject jo = new JSONObject();
long size = file.getSize(); //文件大小
String originalFilename = file.getOriginalFilename(); //原来的文件名
Upload upload = new Upload();
String uploadInfo = upload.upload(file, map);
if (!"".equals(uploadInfo)) { //如果上传成功
String[] infoList = uploadInfo.split(";");
jo.put("state", "SUCCESS");
jo.put("original", originalFilename);//原来的文件名
jo.put("size", size);//文件大小
jo.put("title", infoList[1]);//随意,代表的是鼠标经过图片时显示的文字
jo.put("type", FilenameUtils.getExtension(file.getOriginalFilename()));//文件后缀名
jo.put("url", infoList[2]);//这里的url字段表示的是上传后的图片在图片服务器的完整地址(http://ip:端口/***/***/***.jpg)
} else { //如果上传失败
}
ResponseUtils.renderJson(response, jo.toString());
// }
} catch (Exception e) {
e.printStackTrace();
}
}else{
ResponseUtils.renderText(response,"请上传图片");
}
}
2.4 工具类ResponseUtils代码
import java.io.IOException;
import javax.servlet.http.HttpServletResponse;
public class ResponseUtils {
//发送内容
public static void render(HttpServletResponse response, String contentType, String text) {
response.setContentType(contentType);
try {
response.getWriter().write(text);
} catch (IOException e) {
e.printStackTrace();
}
}
//发送json
public static void renderJson(HttpServletResponse response, String text) {
render(response, "application/json;charset=utf-8", text);
}
//发送xml
public static void renderXml(HttpServletResponse response, String text) {
render(response, "text/xml;charset=utf-8", text);
}
//发送text
public static void renderText(HttpServletResponse response, String text) {
render(response, "text/plain;charset=utf-8", text);
}
}
2.5 Upload代码是腾讯云上传图片的代码,所以就没有上传, 这是我写好上传之后的总结,所以如果有什么疏漏,可以在评论问我,我会尽可能回答您,如果有前端需求的,可以