SpringBoot集成百度UEditor(实现七牛云存储)

图片如果都存在本地的话可能迁移起来会有点麻烦,所以可以选择存到云上,这里推荐使用七牛云

在数据存储这一块七牛云的个人免费额度对于小项目来说基本上够用了

SpringBoot集成百度UEditor(实现七牛云存储)_第1张图片
image.png

具体使用可以看
https://www.qiniu.com/products/kodo

关于SpringBoot集成这方面非常简单

1.换个UEditor依赖

注:该依赖并不是官方提供
ueditor-qiniu依赖的源码地址:
https://github.com/weiangongsi/ueditor-qiniu-spring-boot-starter


     com.dcssn
     ueditor-qiniu-spring-boot-start
     0.0.1


注释那个依赖是之前存储在本地的依赖

2.改下yml配置文件即可

ue:
  config-file: static/ueditor/jsp/config.json #resources目录下配置文件的位置
  server-url: /ueditor.do #服务器统一请求接口路径
  #url-prefix: /file
  qiniu:
      accessKey: 七牛ak
      secretKey: 七牛sk
      cdn: http://域名/ # 最后面的斜杠(/)不能少
      bucket: 存储空间名
      zone: 区域名

这里增加的信息都是基于七牛云的
accessKeysecretKey在七牛云个人中心的密钥管理可以看到,每个帐号唯一
cdn:CDN 加速域名,是指在七牛云中新建存储空间时分配的域名(只有30天有效期),所以十分推荐绑定自己的域名
bucket:七牛云存储的空间名
zone区域名,新建存储空间的时候可以选择
其中关于Zone对象和机房的关系如下:

机房 Zone对象
华东 zone0
华北 zone1
华南 zone2
北美 zoneNa0
东南亚 zoneAs0

下面进行测试:

我使用的是默认端口8080,所以访问的是http://localhost:8080/

SpringBoot集成百度UEditor(实现七牛云存储)_第2张图片
image.png

把图片上传上去后,在七牛云存储库的内容管理中看到刚刚上传的图片

SpringBoot集成百度UEditor(实现七牛云存储)_第3张图片
image.png

至此就实现了在百度UEditor中文件传到七牛云的操作了

你可能感兴趣的:(SpringBoot集成百度UEditor(实现七牛云存储))