百度富文本编辑器上传图片到oss的步骤

中文加密解密的js下载链接：https://download.csdn.net/download/rosener/10376216

配置config.js

配置controller.jsp

将lib里面自带的jar包添加到项目中，

在oss上传的controller中添加方法：

/**
* 会员上传
*
* @param params
* @return
*/
@RequestMapping("/fuwenbenImg")
public Map<String, String> fuwenbenImg(HttpServletRequest request,
HttpServletResponse response) {
Map<String, String> msg = new HashMap<String, String>();
// "image/2014/2.jpg" srcAddress格式
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
// 获得文件：
MultipartFile file = multipartRequest.getFile("upfile");
if (file != null) {
OSSClient ossClient = new OSSClient(ENDPOINT + DOMAIN, ACCESSKEYID,
ACCESSKEYSECRET);
try {
// 上传文件

PutObjectResult p = ossClient.putObject(MEMBERBUCKET,
file.getOriginalFilename(), file.getInputStream());
if (p != null) {
msg.put("state", "SUCCESS");
msg.put("url", ENDPOINTS + ADDRESS + "/" + file.getOriginalFilename());
ossClient.shutdown();
return msg;
}
msg.put("type", "3");
msg.put("msg", "上传失败！");
ossClient.shutdown();
return msg;
} catch (Exception e) {
e.printStackTrace();
msg.put("type", "4");
msg.put("msg", "程序异常！");
ossClient.shutdown();
return msg;
}
} else {
msg.put("type", "2");
msg.put("msg", "srcAddress或者media存在空值！");
return msg;
}

}

在js界面引入

js中的写法：

这块要说的是数据库中varchar类型的只能存储2万多字节，可以改成longText,就可以存储进去了

进行解密操作

百度富文本编辑器上传图片到oss的步骤相关推荐

百度富文本编辑jsp上传_百度富文本编辑器教程，从入门到放弃
原标题:百度富文本编辑器教程,从入门到放弃百度UEditor 资源与项目分离-完全教程夏老师人真好又求到一篇技术贴来来来继续掏出小本本什么是百度UEditor? 百度UEditor是一款富 ...
百度富文本编辑器UEditor安装配置全过程
网站开发时富文本编辑器是必不可少的,他可以让用户自行编辑内容的样式然后上传到后台!下面我们来介绍如何安装使用百度富文本编辑器一.下载并且设置百度富文本编辑器的样式你可以去百度UEditor ...
UEditor 百度富文本编辑器 .Net实例
转自 http://download.csdn.net/download/hdsslxl/6740605 1.UEditor 百度富文本编辑器完整版 .Net实例已解决上传图片问题. 2.内附完整d ...
如何部署JSP版本的百度富文本编辑器（带图片上传功能）
博主之前因为公司项目需要部署百度的富文本编辑器到项目中,由于之前一直是后端开发,所以部署上还是费了一番心思的,网上也有很多教程但是用起来总会有各种问题,今天在这里记录一下以备今后的不时之需,也希望帮助 ...
html 组件化编辑器,vue.js组件化使用百度富文本编辑器（一）
注意: 本文采用的编辑器为:idea 1.下载百度富文本编辑器,地址:https://ueditor.baidu.com/website/download.html#ueditor 2.加入到stat ...
Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
富文本编辑器上传图片的功能
今天,我们来讲一下富文本编辑器上传图片功能的操作.首先,在这里需要引入一个js插件 (config.js),在插件里面写下配置图片上传的路径. 接下来,既然要实现上传图片的功能,那我们就需要一个东西是 ...
百度富文本编辑器ueditor在https协议下无法正常插入动态地图
在浏览器https协议下,百度富文本编辑器ueditor有可能会无法正常插入动态地图.所谓"动态地图",就是在插入地图的时候,勾选右上角的"动态地图"选择框: ...
百度富文本编辑器ueditor支持上传mp3格式等音频文件的方法
百度富文本编辑器ueditor算得上比较强大的了,但是有一个比较令人难受的问题,就是不支持本地上传音频文件.ueditor自带的mp3功能是直接在百度音乐里面搜索加进去的,显而易见这个不是我们想要的, ...
vue使用百度富文本编辑器（ueditor）
文章目录 vue使用百度富文本编辑器(ueditor) 1.进入官网或者github下载源码 2.使用grunt编译 4.安装`vue-ueditor-wrap` 5.组件中引入,自定义组件 6.后端 ...

百度富文本编辑器上传图片到oss的步骤

百度富文本编辑器上传图片到oss的步骤相关推荐

最新文章

热门文章