UEditor 上传图片到七牛

时间:2024-04-12 12:18:19

一、修改 jsp/config.json 文件

找到 上传图片配置项,在最前面添加 imageUrl,地址填写 java 后端上传图片逻辑接口。

UEditor 上传图片到七牛


二、修改 ueditor.all.js

修改 getActionUrl 方法里的内容,这块涉及上传动作场景的请求地址,把图片上传的路径均改为去请求 imageUrl。添加入下图内容

UEditor 上传图片到七牛


三、后端接收图片上传到七牛

1.分析编辑器原始上传图片 action 提交的内容

UEditor 上传图片到七牛

分析: 采用 表单上传图片,名字叫 “upfile”.

2.分析返回结果

UEditor 上传图片到七牛

分析:返回字段有 state,original,size,title,type,url。必须字段 state,url 。可以根据自己需求返回字段。


3.后台上传图片代码

UEditor 上传图片到七牛

4.QiNiuUtil.uploadByIn() 方法

UEditor 上传图片到七牛