jeecg中ueditor文本编辑器上传图片到阿里云OSS

时间:2024-05-31 07:22:00

1.这是jeecg的ueditor文件目录

jeecg中ueditor文本编辑器上传图片到阿里云OSS

2.在ueditor.config.js里,imageUrl提供了上传图片提交的地址,

jeecg中ueditor文本编辑器上传图片到阿里云OSS

imageUp.jsp,里调用了Uploader类的上传方法,在Uploader.upload()里修改。注释掉原来的方法,加入自己上传到阿里云的方法,涂掉的地方为bucketName

jeecg中ueditor文本编辑器上传图片到阿里云OSS

3.配置好上传到阿里云OSS所需的参数,然后自定义上传方法。

 

jeecg中ueditor文本编辑器上传图片到阿里云OSS

  /*
        * 上传图片至OSS 
        */
       public static void uploadImgAliyun(InputStream inputStream ,String fileName, String bucketName)  
               throws FileNotFoundException{  
                   OSSClient client = new OSSClient(ENDPOINT,ACCESS_KEY_ID, ACCESS_KEY_SECRET);    
                   //此处"images/companyNewsImages/"+fileName,表示上传至阿里云中images文件夹下的companyNewsImages文件夹中,请修改为自己的路径即可    
                   client.putObject(bucketName, fileName, inputStream);    
                   client.shutdown();  
               } 

4.上传方法写好了。在前端添加页面引入js,实例化编辑器。

修改存到数据库的图片路径。在ueditor.config.js里,修改imagePath为阿里云读取的路径。

jeecg中ueditor文本编辑器上传图片到阿里云OSS

5.编辑页面回显数据库中信息。需要先实例化编辑器,在用setcontent赋值

在script里写

 UE.getEditor('activityContent',{onready:function(){//创建一个编辑器实例
                                                 this.setContent('${xqbkMedalActivityPage.activityContent}')
                                          }});