本人菜鸟一枚,最近公司有需求要用到富文本编辑器,我选择的是百度的ueditor富文本编辑器,闲话不多说,进入正题:
一:ueditor的下载及安装以及OSS的下载及引入我就不详细说了,这里说下要注意的几点:   
     1,ueditor下载地址http://ueditor.baidu.com/website/download.html,记得下载的是开发版-完整源码版
     2,oss-Java-sdk下载地址:https://docs-aliyun.cn-hangzhou.oss.aliyun-inc.com/internal/oss/0.0.4/assets/sdk/aliyun_java_sdk_20160510.zip?spm=5176.doc32009.2.1.0lQMOb&file=aliyun_java_sdk_20160510.zip
     3,至于ueditor安装及初始化方法,自行百度。OSS引入包放如项目lib文件夹即可开始使用

4,此实例只新增UploadOSSUtil.java及修改BinaryUploader.java即可,其他地方不用做任何修改
二:安装完成后需要更改的地方:        
     1,打开包com.baidu.ueditor,upload,新建class文件:UploadOSSUtil.java内容如下

[java] view plain copy

 
  1. /**
  2. * 上传到阿里云:xhj
  3. *
  4. *
  5. */
  6. import java.io.FileNotFoundException;
  7. import java.io.InputStream;
  8. import com.aliyun.oss.OSSClient;
  9. public class UploadOSSUtil {
  10. public UploadOSSUtil(){}
  11. public static void uploadImgAliyun(InputStream inputStream ,String fileName)
  12. throws FileNotFoundException{
  13. String accesskeyId = "***你的阿里云accesskeyId***" ;
  14. String accessKeySecret = "***你的阿里云accessKeySecret***" ;
  15. String endpoint = "http://oss-cn-shenzhen.aliyuncs.com" ;
  16. String bucketName = "***你的bucketName***" ;
  17. OSSClient client = new OSSClient(endpoint,accesskeyId,accessKeySecret);
  18. //此处"xxxx/yyyy/"+fileName,表示上传至阿里云中xxxx文件夹下的yyyy文件夹中,请修改为自己的路径即可
  19. client.putObject(bucketName, "xxxx/yyyy/"+fileName, inputStream);
  20. client.shutdown();
  21. }
  22. }

修改同目录下的BinaryUploader.java的save()

[java] view plain copy

 
  1. public static final State save(HttpServletRequest request,
  2. Map<String, Object> conf) {
  3. FileItemStream fileStream = null;
  4. boolean isAjaxUpload = request.getHeader( "X_Requested_With" ) != null;
  5. if (!ServletFileUpload.isMultipartContent(request)) {
  6. return new BaseState(false, AppInfo.NOT_MULTIPART_CONTENT);
  7. }
  8. ServletFileUpload upload = new ServletFileUpload(
  9. new DiskFileItemFactory());
  10. if ( isAjaxUpload ) {
  11. upload.setHeaderEncoding( "UTF-8" );
  12. }
  13. try {
  14. FileItemIterator iterator = upload.getItemIterator(request);
  15. while (iterator.hasNext()) {
  16. fileStream = iterator.next();
  17. if (!fileStream.isFormField())
  18. break;
  19. fileStream = null;
  20. }
  21. if (fileStream == null) {
  22. return new BaseState(false, AppInfo.NOTFOUND_UPLOAD_DATA);
  23. }
  24. String savePath = (String) conf.get("savePath");
  25. String originFileName = fileStream.getName();
  26. String suffix = FileType.getSuffixByFilename(originFileName);
  27. originFileName = originFileName.substring(0,
  28. originFileName.length() - suffix.length());
  29. savePath = savePath + suffix;
  30. long maxSize = ((Long) conf.get("maxSize")).longValue();
  31. if (!validType(suffix, (String[]) conf.get("allowFiles"))) {
  32. return new BaseState(false, AppInfo.NOT_ALLOW_FILE_TYPE);
  33. }
  34. savePath = PathFormat.parse(savePath, originFileName);
  35. String physicalPath = (String) conf.get("rootPath") + savePath;
  36. InputStream is = fileStream.openStream();
  37. /**
  38. * 上传到阿里云:xhj添加
  39. */
  40. //*******************开始***********************
  41. String fileName = new StringBuffer().append(new Date().getTime()).append(fileStream.getName().substring(fileStream.getName().indexOf("."))).toString();
  42. State storageState = null;
  43. try {
  44. new UploadOSSUtil();
  45. UploadOSSUtil.uploadImgAliyun(is,fileName);
  46. storageState = StorageManager.saveFileByInputStream(is,
  47. physicalPath, maxSize);
  48. storageState.putInfo("state", "SUCCESS");// UEDITOR的规则:不为SUCCESS则显示state的内容
  49. //注意:下面的url是返回到前端访问文件的路径,请自行修改
  50. storageState.putInfo("url","http://XXXXXX.oss-cn-shenzhen.aliyuncs.com/images/companyNewsImages/" + fileName);
  51. storageState.putInfo("title", fileName);
  52. storageState.putInfo("original", fileName);
  53. } catch (Exception e) {
  54. // TODO: handle exception
  55. System.out.println(e.getMessage());
  56. storageState.putInfo("state", "文件上传失败!");
  57. storageState.putInfo("url","");
  58. storageState.putInfo("title", "");
  59. storageState.putInfo("original", "");
  60. //System.out.println("文件 "+fileName+" 上传失败!");
  61. }
  62. //********************结束**********************
  63. is.close();
  64. /*if (storageState.isSuccess()) {
  65. storageState.putInfo("url", PathFormat.format(savePath));
  66. storageState.putInfo("type", suffix);
  67. storageState.putInfo("original", originFileName + suffix);
  68. }*/
  69. //System.out.println("storageState="+storageState);
  70. return storageState;
  71. } catch (FileUploadException e) {
  72. return new BaseState(false, AppInfo.PARSE_REQUEST_ERROR);
  73. } catch (IOException e) {
  74. }
  75. return new BaseState(false, AppInfo.IO_ERROR);
  76. }

如有疑问,欢迎提问。

关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手的更多相关文章

  1. PHP 上传文件至阿里云OSS对象存储

    简述 1.阿里云开通对象存储服务 OSS 并创建Bucket 2.下载PHP SDK至框架扩展目录,点我下载 3.码上code 阿里云操作 开通对象存储服务 OSS 创建 Bucket 配置Acces ...

  2. vue + elementUi + upLoadIamge组件 上传文件到阿里云oss

    <template> <div class="upLoadIamge"> <el-upload action="https://jsonpl ...

  3. PHP上传文件到阿里云OSS,nginx代理访问

    1. 阿里云OSS创建存储空间Bucket(读写权限为:公共读) 2. 拿到相关配置 accessKeyId:********* accessKeySecret:********* endpoint: ...

  4. OSS上传文件到阿里云

    最近做项目,需要上传文件,因为上传到项目路径下,感觉有时候也挺不方便的,就试了一下上传文件到阿里云oss上去了, oss的使用网上有很多介绍,都是去配置一下需要的数据,然后直接调用他的api就可以了. ...

  5. 【UEditor】 UEditor整合项目上传资源到阿里云服务器

    目录 关于此文 下载源码 JSP代码 Java代码 阿里云jar包引入配置 成功啦! 回到顶部 关于此文 项目中要实现编辑器生成带格式的html文档,存入模板,最后生成html的URL,所以选择了UE ...

  6. Simditor 富文本编辑器多选图片上传、视频连接插入

    simditor 是一个基于浏览器的所见即所得的文本编辑器.Simditor 富文本编辑器, 支持多选图片上传, 视频连接插入, HTML代码编辑以及常用富文本按钮,支持的浏览器:IE10.Firef ...

  7. wangEditor富文本编辑器使用及图片上传

    引入js文件 <script type="text/javascript" src="style/js/wangEditor.min.js">< ...

  8. 如何把base64格式的图片上传到到阿里云oss c#版

    今天碰到需要把canvas上的的图片转存到阿里云oss,于是百度了半天,一个能打的答案都没有.怒了,自己搞起. 代码超级简单,需要先引入nuget 中啊里云的oss api 1 byte[] arr ...

  9. angulaijs中的ng-upload-file与阿里云oss服务的结合,实现在浏览器端上传文件到阿里云(速度可以达到1.5M)

    2015-10-26 angularjs结合aliyun浏览器端oos文件上传加临时身份验证例子 在服务端获取sts 源码: public class StsServiceSample { // 目前 ...

随机推荐

  1. H5新特性--WebStorage--WebSocke

    今天的目标 3.2:h5新特性--WebStorage localStorage  在客户端浏览器保存数据 永久保存 保存数据 localStorage [key] = value 保存数据 loca ...

  2. linux crontab 命令,最小的执行时间是一分钟,如需要在小于一分钟内重复执行

    编写shell脚本实现 crontab.sh #!/bin/bash step=2 #间隔的秒数,不能大于60 for (( i = 0; i < 60; i=(i+step) )); do $ ...

  3. Promise注意点

    一. Promise API  概述 var p = new Promise( function(resolve,reject){ // resolve(..) 用于决议 / 完成这个 promise ...

  4. CPU芯片哪家强?电视处理器这么选就对了!

    任何智能设备,CPU(Central Processing Unit/中央处理器)都是决定其性能优劣的核心组件,在家电界,最为人们熟知的CPU厂商就是Mstar以及Amlogic这两个品牌了,那两个品 ...

  5. Java类更改常量后编译不生效

    在Java文件中,指向编译时static final的静态常量, 会被在运行时解析为一个局部的常量值(也就是说静态常量在编译后,成为了常量,而不是原先的代码).这对所有的基础数据类型(就像int ,f ...

  6. 6 week work 3

    sticky vs fixed sticky:表示粘贴到某个位置.当组件设置了该属性值后,当页面滑动时,组件会跟着页面移动,当组件触及到窗体后,页面若继续滑动,组件则处在与窗体接触的位置不动.元素的定 ...

  7. mysql中删除重复记录,只保留一条

    表结构如下: mysql> desc test1; +--------------+------------------+------+-----+---------+------------- ...

  8. 剑指C++面试

    传闻公司老总欠下巨款,带着小姨子跑路了~  树倒猢狲散,接下来要好好准备面试,以期找到一份满意的工作. 面试准备分下面几个方面进行,形成面试系列文章,文章内容以问答的方式呈现. 1.C++语言基础 传 ...

  9. ETC(电子不停车收费系统)的发展演变

    ETC引进中国是在上世纪的90年代中期,当时中国部分经济发达地区的高速公路车流量激增,从而导致了收费口的交通堵塞.高速公路堵车现象时有发生,拥堵严重的路段可能会天天堵,有时候一堵好几天.高速公路管理手 ...

  10. CLion之C++框架篇-优化框架,单元测试(二)

    背景   结合上一篇CLion之C++框架篇-安装工具,基础框架的搭建(一),继续进行框架优化!   googletest(GTest)是Google开源的C++测试框架,与CLion组合,对C++环 ...