最近公司项目需要用到百度编辑器充当页面编辑器,但是又不想将图片直接上传到服务器上(图片的占据巨大内存,这样会给服务器带来巨大压力),于是就有了将图片上传到七牛云得需求,但是百度家工程师没有提供上传七牛云的接口,没办法只能自己写了,网上找了很多资料但是结果都不如人意,这个问题确实也困扰笔者一段时间,但是经过多次试验终于成功了,废话就到这里了,下面开始进行百度富文本编辑器直传七牛云之旅吧~
1.首先咱们去七牛云官网看一下前期需要进行的相关配置:
七牛云官方网址:https://www.qiniu.com/
七牛云官方文档: https://developer.qiniu.com/kodo/manual/1233/console-quickstart
注册后进行配置后,我们可以从七牛云官方网站上得到我们需要的bucket、accessKey、secretKey以及我们可以直接访问的外链网址。下载七牛云的提供的sdk,下载地址: https://developer.qiniu.com/kodo/sdk/1239/java
2.Ueditor的相关特点:
百度富文本编辑器的具体配置笔者在这里就不一一概述了,官方提供的文档上面有非常详细的配置。但是值得一提的就是百度富文本编辑器上传图片是直接到服务器的,在我们上传到七牛云后需要通过io流将服务器上的文件进行清除工作。
3.思路以及分析:
那百度富文本编辑器可以传给后台纯粹的html代码,这样我们就可以通过jsoup进行解析,直接拿到上传图片的src的值,即文件在服务器上的具体路径,这样我们再将这个路径上传到服务器上面就实现了上传七牛云的操作,但是这里要注意,需要将七牛云返回的地址替换到Ueditor内容中,然后在进行删除操作。
4.代码:
1.笔者用的七牛云上传类(同事集成的,笔者感觉挺好用,喜欢的就拿走吧)
2.Ueditor编辑器传值到后台的处理工作(jsoup用作页面解析真的太好用了):
以上就是笔者想到最简单的实现方式,困难重重,思想先行,如果有好的方法欢迎留言探讨,哦了~
本文地址:http://lanlanwork.gawce.com/quote/10287.html 阁恬下 http://lanlanwork.gawce.com/ , 查看更多