SpringMVC整合百度UEditor遇到的问题及解决方案

SpringMVC整合百度UEditor遇到的问题及解决方案

  1. 下载百度UEditer
    这里写图片描述
    图中标注的是1.4.3.3 jsp版本,但是在开发过程中,要修改部分源码,建议下载完整源码,将ueditor包以源码形式导入,而不是导包。
  2. 解压文件重命名为ueditor,将整个文件夹复制到工程的Web-Content下,因为大部分静态文件在里面,所以不放在WEB-INFO文件夹下面,避免再做资源拦截处理。将jsp版本的源码包中src目录下的包导入自己项目的工程src下。将jsp文件夹下lib目录中的包拷贝到工程lib下,ueditor包不用导入。
  3. 编写controller
    这里写图片描述
    这段代码照搬jsp文件中的代码,为啥url里加上**,后面解释

  4. 修改ueditor.config.js文件内容
    这里写图片描述
    画线标注出来的是重点,上面一个是项目根目录以及ueditor目录,第二个则是SpringMvc中controller拦截的url。

  5. 修改config.json文件
    这里写图片描述
    画出的地方,不要以/开头,否则上传图片后,回显是从根目录开始/editor/。。。/**.jpg这样就会找不到图片,报404.

  6. 修改ueditor源码,getConfigPath,因为官方给的例子里controller和config.json在同一目录下,现在用springmvc,目录不同,所以要稍加改动。
    这里写图片描述
    按照代码中path1那样找到config.json所在目录就可以了,下面的字符串赋值是后来遇到的问题,在下面讲,这里的路径一定要写对,前台出现“后端配置项没有正常加载,上传插件不能正常使用!”问题基本出现在这里

  7. 单图上传,出现问题,是springmvc的CommonsMultipartResolver拦截了上传请求,解决方案是继承该类重写isMultipart方法这里写图片描述

  8. 单图到这里可以上传,涂鸦,等也可以用,但是文件上传和多图、视频等会出现http请求出错这里写图片描述
    打开控制台会看到404请求,这是后端没有对应请求处理这里写图片描述
    点击对应的对话框中上传按钮,向后台发送的请求,是从对话框所在目录开始的,最后才是我们写的请求链接,我一时没有找到前端怎么修改请求链接的方法,只能在后台通配在之前写的请求前加上任意内容的链接,这就是controller中为啥用**/的原因。

  9. 到这里就应该所有都正常了,但是执行多上传的时候,虽然可以处理请求了,但是,会从request中获取路径,然后组织config.json的路径,这样一来,config是找不到的,这就是为啥我在getConfigPath中又静态给path1赋值这里写图片描述

  10. 总结

问题还是出在前端请求的url上,目前先这么用,后面再找解决方案,以上内容只是我个人情况,可能和大家不太一样。大佬轻喷。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值