springMVC 配置UEditor上传功能

1.官网下载对应的jsp的UEditor包,官网地址http://ueditor.baidu.com/website/,将下载好的文件拷贝到自己的项目中(不需要导入jar包),我的项目路径如下所示

161926_QmrN_931836.png

2根据官网给出的例子,在我们要使用UEditor的地方调用对应的js进行调用,这样UEditor就调用成功了,162237_RhmJ_931836.png

但是此处上传图片,上传视频等上传功能是不能使用的,google调试模式下提示的是"后端配置错误"。

3进行后端配置,在这里我网上也找了好久怎么配置,得出的结果是配置必须要修改UEditor的源码,才能配置成功。所以我们要在github上下载对应的源码。源码地址如下。https://github.com/fex-team/ueditor,将源码src下的文件拷贝到项目中,比如

163323_ccOB_931836.png

4.UEditor上传功能配置的实质上就是加载对应目录下的config.json文件能成功,就证明配置成功了,官网上也给出了对应的说明,所以我们所要做的就很明显了。首先修改对应目录下的ueditor.config.js如下

163727_RYcS_931836.png

对应的controller:

164109_xOAG_931836.png

这里简单说明下为什么这么做,大家可以看官网给出的例子是直接跳转到controller.jsp这个文件的,然后显示出对应配置config.json的内容,起初我认为这样配置应该就可以了,但事实证明还是不行,还需要配置config.json这个文件,和对应的源码(具体就是修改文件路径)

5修改config.json文件

164549_zJbl_931836.png

6最后修改对应源码(路径)

修改如图所示文件下的方法内容为自己项目的路径,此处大家可以断点调试下,rootPath=http://192.168.0.23:8080/App,这里就是指定config.json的位置,不指定时的路径不正确 所以一直会提示后端配置错误。都配置无误的话就可以上次图片啦。

164727_oQ9s_931836.png

转载于:https://my.oschina.net/babymason/blog/711246

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值