Ueditor在SSM中如何使用图片上传的功能

最近在做SSM开发用到了Ueditor,但十分苦于无法上传图片,于是捣鼓了一阵时间。我就在这个博客里,就Ueditor如何上传图片,解决一些我遇到的一些问题。我用的Ueditor版本为1.4.3,JSP版的。
在这里插入图片描述
在这里插入图片描述
这两张图片显示的情况,都是因为图片上传路径没有配置好,所以就不能够使用。
那么首先先去看图中的这个路径对不对,用php可以改为php,在这里我用的是jsp版本的
在这里插入图片描述
在controller.jsp中其实也有一些问题,我出现的问题就是jar包缺少。错误就是com.baidu.ueditor.ActionEnter一直报错。
在这里插入图片描述
因为我用的是maven项目管理,所以就用下面这个导入jar包。

<!-- https://mvnrepository.com/artifact/com.gitee.qdbp.thirdparty/ueditor -->
<dependency>
    <groupId>com.gitee.qdbp.thirdparty</groupId>
    <artifactId>ueditor</artifactId>
    <version>1.4.3.3</version>
</dependency>

如果不是用的maven,其实也就4个jar包,网上都有。如下图。
在这里插入图片描述

controller.jsp出现另外的一个问题,就是会让预览图片路径出现问题,类似于下图。
在这里插入图片描述
具体请参考这篇博客:
https://blog.csdn.net/gaoxiaogs/article/details/52621755

然后重头戏就是在设置上传图片的路径上。文档也讲的很明白,最主要就是两个路径的设置:PathFormat 和 UrlPrefix 的配置项。在config.json中设置。我所配置如下:在这里插入图片描述
文档中说所有的路径都是在网站根目录下,如果是本地服务器,那么就是在http://localhost:8080之下。那么imageUrlPrefix其实就是配置项目名,例如我的项目是sendwater ,那么这个配置应该是:“imageUrlPrefix”: “/sendwater/”。而imagePathFormat配置路径就如图所示。
最后一个问题就是说在WEB-INF下的lib中缺少ueditor-1.4.3.jar,我也没找到这个路径配置,直接就添加上了。然后就所有问题解决。
在这里插入图片描述
Ueditor虽然还不错,但是这个配置总是出问题,我也在这上面花费不少时间,希望这个博客能帮助大家少走一些弯路。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值