SpringMVC整合UEditor

首先说一下需要准备的事项:


spring的配置修改

  • 首先需要删除掉spring里面原有的文件上传配置,因为springmvc的上传文件配置和ueditor的上传有冲突,所以需要取消掉,其实也有另一种办法就是重写springMVC的上传配置类,这种方法我没用,如果有需要可以去网上看下怎么解决,我直接就注释掉springMVC的该上传配置,如果其他需要用到上传文件可以直接用ueditor或者引入commons-fileupload-1.3.1.jar直接使用form上传,或者使用其它组件上传

SpringMVC整合UEditor

-如果在web.xml配置了以下过滤,两种方法,一、可以选择注释掉以下配置 二 、在springMVC的配置上面加下系下面第一张图的代码 该location指向项目下的ueditor文件目录,该方法主要是允许springMVC访问该路径下的文件,使得访问不会被过滤掉
SpringMVC整合UEditor
SpringMVC整合UEditor

编写一个ueditor统一请求的接口

SpringMVC整合UEditor

-配置文件ueditor.config.js的统一访问接口修改为以上编写的请求接口

SpringMVC整合UEditor

SpringMVC整合UEditor

-在ueditor的文件目录里面打开config.json如下图,将里面的imagePathFormat修改下上传的路径,也可以默认上传到项目路径的根目录上面,其他的配置可以不去修改

SpringMVC整合UEditor

SpringMVC整合UEditor

最后编写一个html页面来展示出ueditor

SpringMVC整合UEditor

-需要引入4个ueditor文件目录的js文件 引入的js看以上图片, 之后编写一行代码如下图

SpringMVC整合UEditor

-这样子就可以使用ueditor了,该ueditor还可以实现单图片和多图片上传功能,如图就是效果图

SpringMVC整合UEditor

相关文章:

  • 2021-08-14
  • 2022-12-23
  • 2022-12-23
  • 2022-01-12
  • 2021-08-21
  • 2021-11-20
  • 2022-12-23
  • 2021-08-28
猜你喜欢
  • 2021-03-30
  • 2021-10-17
  • 2022-01-20
  • 2021-05-27
  • 2022-01-22
  • 2021-12-29
相关资源
相似解决方案