最近公司里需要做一个项目,需要使用编辑器上传图片功能。以前没有弄个,就找了百度的Ueditor(毕竟国产的,文档都是中文)。虽然有文档说明,但是在使用图片上传功能时还是一脸懵逼.....后来在网上找了很多的博客神马的,大部分都是爬虫爬来的文章,写的乱七八糟的,也没有具体的例子。只能慢慢摸索了。经过1天努力,终于通过各个文章的整合说明弄出来了图片上传的功能,特此记录一下,方便自己以后使用,也希望能帮到一些跟我同样需求的童鞋。
已经上传了我的整合项目在GitHub上,地址:https://github.com/wcfeng9527/SpringMVCUeditor
推荐文章:http://blog.csdn.net/huangwenyi1010/article/details/51637427
一共3篇,写的很好,我就是参考了他的文章来修改的。
首先,我的项目是使用的SpringMVC的框架实现的,所以百度自带的ueditor-1.1.2.jar包中内容需要修改,所以要下载源码包,我下载的是1.4.3.3 版本,当前最新版。
使用的maven管理的包依赖,使用的jboss7 作为服务器,也可以使用其他的服务器,但是需要对配置文件的位置进行修改。
项目结构:
其中百度的包是使用的源码,因为需要修改图片保存的代码。直接将百度下载的源码中jsp中src内容copy到自己的项目中。
然后就是插件放在了static文件夹下,把jsp中的config.json文件提出来,放到ueditor下,即与ueditor.config.js在同一个文件夹下。
编写自己的controller作为编辑器的总入口,不使用controller.jsp,把controller.jsp的内容复制过来即可。然后修改ueditor.config.js中的serverUrl,改成action的地址即可。
我的controller类:
package com.shijie99.ueditor.controller;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http