erupt框架Ueditor富文本编辑器图片上传出现405异常

置顶 已于 2023-03-24 17:00:51 修改
阅读量793 收藏
点赞数
分类专栏： 杂项 文章标签： java
于 2023-02-17 17:51:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xp_xpxp/article/details/129088747
版权

最近在研究erupt框架(v1.11.2),当字段使用Ueditor富文本编辑器,在图片上传的时候出现405异常,接口不支持POST请求方式:
在这里插入图片描述
在这里插入图片描述
根据错误提示找到对应的源码,发现Handler方法只支持GET请求,而图片上传的时候是以POST方式发起请求的;
在这里插入图片描述
在这里插入图片描述
此时需要修改源码,用自定义的类覆盖jar包中同名的类:

在src/main/java目录下创建一个名称为xyz.erupt.core.controller的包,然后在包下创建一个名称为EruptFileController类,再将jar包中名称为EruptFileController的类的内容复制到自定义的类中.(注意:自定义的包名和类名要跟jar包中对应的包名与类名保持一致!)
在这里插入图片描述

找到对应的方法,发现Ueditor富文本编辑器的初始化需要读取一个名称为ueditor.json的资源文件
在这里插入图片描述
于是找到对应的json资源文件,将其复制一份,放到src/main/resources目录下
在这里插入图片描述
在这里插入图片描述
再将对应的Handler方法改成POST请求方式
在这里插入图片描述
项目打包,启动,进行测试
在这里插入图片描述
又出现GET请求不支持,而且接口也是同一个,也就是说之前改的那个Handler方法需要同时支持GET和POST请求方式.于是修改代码如下:
在这里插入图片描述
打包,启动,测试
在这里插入图片描述
此时图片可以正常上传了!

图片查看也是正常的
在这里插入图片描述

一code当先
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ueditor文档
03-06
文本编辑文档
[ant-design-vue]-upload组件上传405问题
前端
03-04 1450
[ant-design-vue]-vue2.x upload组件上传405问题环境问题描述问题解析http-405问题分析 环境 使用的是包的版本是： "vue": "^2.6.11" "ant-design-vue": "^1.6.5" 问题描述 在使用ant-design-vue的组件upload的时候，出现了405的报错 问题解析 在该组件中使用了post方式上传文件，使用了upload组件 注意，文件上传不可以使用其它方式，只能使用POST //UI： <a-upload accept=
[Jpa ] erupt框架报错:‘Basic‘ attribute type ...
汤圆的博客
05-31 1033
题外话: git 每次拉取项目的时候 都要先 更新代码 在提交自己代码 很多找不到实体类路径的异常信息 大多数都是你的 实体类对应字段缺少注解 或者 违反了JPA 的规范 就会出现找不到 对应类的路径问题 第一个错误信息: ‘Basic‘ attribute type should not be a container 在我们使用 Jpa链表查询的时候: 这个不是数据库的对应字段类型 所以加上 @Transient 注解描述地址 例如多对多 一对多 的注解配置 ...
ASP环境，百度Ueditor 无法上传附件，提示405错误或者404错误解决办法
qq_44929301的博客
04-21 1332
ASP环境，百度Ueditor 无法上传附件，提示405错误或者404错误解决办法
Antd Upload上传图片nginx报错405
weixin_50874568的博客
03-03 4276
Antd Upload上传图片nginx报错405 本地调试没问题，打包测试，nginx 转发报错 405 not allowed 原因是 nginx禁止用post访问静态资源 解决方法如下： Upload提供 【 customRequest 】 通过覆盖默认的上传行为，可以自定义自己的上传实现。 但是由于拿到的图片状态一直是loading ( status: ‘loading’)状态， 所以手动给他改为done状态（status:‘done’） <Form.Item wrapperCol=
erupt-web:Erupt 框架前端源码，实现了 erupt 零前端代码能力
04-06
Erupt 框架前端源码 通过 JSON Schema 自动构建表单，实现了erupt零前端代码能力 | | | | QQ交流群： 仓库地址 Github 码云 后端源码 前端源码 环境搭建 在开始之前，请确保你的开发环境中包括 Node.js ...
Erupt低代码全栈类框架 v1.12.10.zip
最新发布
03-21
Erupt低代码全栈类框架 v1.12.10是一个专为快速开发和高效构建Web应用而设计的框架。这个版本的Erupt提供了一系列先进的功能和优化，旨在简化开发流程，降低代码编写量，尤其适合那些需要快速实现毕业设计论文、...
基于 SpringBoot + jpa + Erupt 后台框架开发的综合签到打卡系统【100010425】
01-16
前台上，PC端选择用主流Vue框架[另一位同学完成]、后台管理采用Erupt框架搭建、web显示采用百度Amis框架及bootstrap完成，后端选用主流的Java SpringBoot搭建，使用Schedule完成动态定时任务，使用AOP拦截消息通过...
基于springboot + jpa + Erupt后台框架开发的综合签到打卡系统源码+项目说明.zip
07-27
基于springboot + jpa + Erupt后台框架开发的综合签到打卡系统源码+项目说明.zip 快速开始 默认账号 管理员 admin admin 默认人脸(手机找个照片然后对着电脑就行)[王思聪、蔡徐坤、马云] 项目页面 管理员界面 ...
基于springboot+jpa+Erupt框架开发的综合签到打卡系统，支持人脸识别.zip
10-16
基于springboot+jpa+Erupt框架开发的综合签到打卡系统，支持人脸识别.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学、电子信息等)正在...
HTTP 405 错误 – 方法不被允许 (Method not allowed)【转载】
weixin_33744141的博客
03-01 5万+
介绍 HTTP 协议定义一些方法，以指明为获取客户端（如您的浏览器或我们的 CheckUpDown 机器人）所指定的具体网址资源而需要在 Web 服务器上执行的动作。则这些方法如下： OPTIONS( 选项 ) ：查找适用于一个特定网址资源的通讯选择。 在不需执行具体的涉及数据传输的动作情况下， 允许客户端来确定与资源相关的选项以及 / 或者要求， 或是一个服务器的性能。 GET(...
ASP环境，百度Ueditor 无法上传附件，提示405错误或者404错误解决办法。
java开发指南博客 【转载】
08-06 476
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码... 欢迎转载，转载请说明出处：http://blog.csdn.net/aminfo/article/details/7836520 在Ueditor1.2.0.0和之前的版本都支持asp，但是附件上传是无法使用的，通过查看代码后发现，Ue...
ueditor 后端配置项没有正常加载，上传插件不能正常使用！jsp版本
热门推荐
yfz792178428的专栏
07-22 9万+
在很多项目中都用到ueditor插件，但是每次都会或多或少出点问题，其中就把经常遇到问题总结总结 一、后端配置项没有正常加载，上传插件不能正常使用！    这个问题呢比较常见，但是很多原因都会导致这个问题产生，就我遇到的问题做个总结    A.确实路径错误，导致后端配置没有加载，这个就不多说了；    B.一般jsp做前端，那么后端基本上使用的JAVA，第二个原因就是JAVA的框架中拦截器
erupt框架自定义按钮的实现案例
05-26
在 Erupt 框架中，可以通过 `@Button` 注解来实现自定义按钮的功能。下面是一个简单的示例，以实现一个“清空数据”按钮为例： 1. 首先，在你要自定义按钮的实体类中，添加一个`@Button`注解，并且指定按钮的名称和图标： ```java @Entity @Table(name = "t_user") @Erupt(name = "用户管理") public class User { // 省略其他字段 @Button("清空数据") @Icon(value = "fa fa-trash", color = Icon.Color.RED) public void clearData() { // 清空数据的具体实现逻辑 } } ``` 2. 在 `EruptConfig` 中，需要添加一个 `EruptButtonModel` 来对按钮进行配置： ```java @Configuration public class EruptConfig { @Bean public EruptButtonModel clearDataButton() { return EruptButtonModel.builder() .setTitle("清空数据") .setFetchMethod("/erupt-api/user/clearData") .setType(EruptButtonModel.Type.TIPS) .setMessage("你确认要清空所有数据吗？此操作不可恢复！") .setIcon(new FontAwesomeIcon("fa fa-trash", Icon.Color.RED)) .build(); } } ``` 注意，这里的 `fetchMethod` 属性是指定了按钮点击后将会触发的请求的路径。在这个路径中，需要定义一个处理请求的控制器方法。 3. 在控制器中，添加一个处理按钮请求的方法： ```java @RestController @RequestMapping("/erupt-api/user") public class UserController { @Autowired private UserService userService; @PostMapping("/clearData") public void clearData() { userService.clearData(); } } ``` 这里的 `UserService` 是你自己定义的服务类，用于处理具体的业务逻辑。 4. 最后，在你的页面中，使用 `erupt-buttons` 标签来渲染按钮： ```html <erupt-buttons :buttons="buttons"></erupt-buttons> ``` 在对应的 Vue 实例中，需要定义一个 `buttons` 对象，来指定要显示的按钮。在这个对象中，可以引用前面在 `EruptConfig` 中定义的 `EruptButtonModel`： ```javascript data() { return { buttons: [ clearDataButton ] } } ``` 至此，一个简单的自定义按钮就实现了。当用户点击按钮时，将会弹出提示框，询问用户是否确认进行清空数据操作。如果用户确认操作，将会触发后台的 `clearData` 方法进行清空数据的操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值