网站首页 > 开源技术 正文
前台:
既然你们都走到这里来了,那么前面的就不在多说了,直接进去配置好的页面。
<script type="text/javascript"> var ue = UE.getEditor('editor', { maximumWords : 2000000, //允许的最大字符数 sourceEditorFirst : false, allHtmlEnabled : true, }); //图片和文件存入OSS中 UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE.Editor.prototype.getActionUrl = function(action) { if (action == 'uploadimage' || action == 'uploadfile') { return '${path}/web/ueuploadimageoss!ueUploadImgaeOSS'; //此处改需要把图片上传到哪个Action(Controller)中 } else { return this._bkGetActionUrl.call(this, action); } }; </script>
需要上传的路径返回过去,记得把config.json 中的 imageUrlPrefix 清空。
后台:
package com.yuneecuc.action.web; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletResponse; import org.apache.struts2.convention.annotation.Action; import org.json.JSONObject; import com.yuneecuc.action.PublicAccessAction; import com.yuneecuc.base.OSSUtils; import com.yuneecuc.entity.SavedImage; @Action("ueuploadimageoss") public class UEUploadImageOSSAction extends ActionSupport { private File[] upfile; private String[] upfileFileName; private String[] upfileContentType; public void ueUploadImgaeOSS() { if (upfile == null) { resultUEMessage("图片不能为空", false, ""); return; } SavedImage si = null; for (int i = 0; i < upfile.length; i++) { String fileExtension = upfileContentType[i]; try { si = OSSUtils.uploadFileBinary(new FileInputStream(upfile[i]), fileExtension.substring(fileExtension.lastIndexOf("/") + 1, fileExtension.length()), null, -1, null, null); } catch (IOException e) { e.printStackTrace(); resultUEMessage("IO异常", false, ""); return; } catch (Exception e) { e.printStackTrace(); resultUEMessage("上传失败", false, ""); return; } } resultUEMessage("SUCCESS", true, si.getUrl()); } /** * 返回UEditor的信息 * * @param message * 错误的消息提示 * @param status * 是否成功 * @param url * 图片的URL */ private void resultUEMessage(String message, boolean status, String url) { JSONObject jsobject = new JSONObject(); if (status) { jsobject.put("state", message); jsobject.put("url", url); jsobject.put("original", ""); } else { jsobject.put("state", message); jsobject.put("url", ""); jsobject.put("title", ""); jsobject.put("original", ""); } ServletResponse response = getResponse(); response.setContentType("application/json;charset=utf-8"); try { String outputStr = ""; if (jsobject != null) { outputStr = jsobject.toString(); } // ServletOutputStream对UTF-8的支持不好,此处用Writer PrintWriter out = response.getWriter(); out.write(outputStr); out.flush(); out.close(); } catch (IOException e) { e.printStackTrace(); } } public File[] getUpfile() { return upfile; } public void setUpfile(File[] upfile) { this.upfile = upfile; } public String[] getUpfileFileName() { return upfileFileName; } public void setUpfileFileName(String[] upfileFileName) { this.upfileFileName = upfileFileName; } public String[] getUpfileContentType() { return upfileContentType; } public void setUpfileContentType(String[] upfileContentType) { this.upfileContentType = upfileContentType; } }
非常简单,核心是:只要知道哪里改上传的URL 和怎么返回数据格式。
猜你喜欢
- 2024-09-28 织梦 安装UEditor编辑器(织梦安装出现dir)
- 2024-09-28 springboot整合百度富文本 UEditor
- 2024-09-28 漫谈ueditor编辑器漏洞实战中利用
- 2024-09-28 前端视角漫谈百度ueditor编辑器前后端分离配置
- 2024-09-28 Ueditor二次编辑word(doc和docx格式),SpringBoot后端
- 2024-09-28 部署到服务器UEditor乱码,layUI乱码,layer乱码「非编码造成」
- 2024-09-28 百度编辑器ueditor,如何在源码模式与富文本模式相互切换
- 2024-09-25 Python项目中用富文本编辑器展示精美网页
- 2024-09-25 UEditor二次开发之为行内代码添加code标签
- 2024-09-25 百度编辑器ueditor从word粘贴图片重复分析
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- jdk (81)
- putty (66)
- rufus (78)
- 内网穿透 (89)
- okhttp (70)
- powertoys (74)
- windowsterminal (81)
- netcat (65)
- ghostscript (65)
- veracrypt (65)
- asp.netcore (70)
- wrk (67)
- aspose.words (80)
- itk (80)
- ajaxfileupload.js (66)
- sqlhelper (67)
- express.js (67)
- phpmailer (67)
- xjar (70)
- redisclient (78)
- wakeonlan (66)
- tinygo (85)
- startbbs (72)
- webftp (82)
- vsvim (79)
本文暂时没有评论,来添加一个吧(●'◡'●)