时间:2021-05-19
1.先导入ueditor所有的包:在springboot static下
2.导入需要的ueditor的js
3.配置ueditor.config.js的// 服务器统一请求接口路径://, serverUrl:(这个路径是个Java类,和config.js的内容相同)
4.js里面执行1.var ue = UE.getEditor('editor');函数
5.上传图片:
6.上传图片的方法:
@RequestMapping(value = "/upload/image", method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_VALUE) @ResponseBody public Map<String,Object> save(HttpServletRequest req){ Map<String,Object> rs = new HashMap<String, Object>(); MultipartHttpServletRequest mReq = null; MultipartFile file = null; String fileName = ""; // 原始文件名 UEDITOR创建页面元素时的alt和title属性 String originalFileName = ""; try { mReq = (MultipartHttpServletRequest)req; // 从config.json中取得上传文件的ID file = mReq.getFile("upfile"); if(!file.isEmpty()){ // 取得文件的原始文件名称 fileName = file.getOriginalFilename(); originalFileName = fileName; String ext = (FilenameUtils.getExtension(file.getOriginalFilename())).toLowerCase(); String storePath = ""; if ("jpg".equals(ext) || "png".equals(ext) || "jpeg".equals(ext) || "bmp".equals(ext)) { storePath = "upload/image/"; }else{ storePath = "upload/video/"; } //将图片和视频保存在本地服务器 String pathRoot = req.getSession().getServletContext().getRealPath(""); String path = pathRoot + "/" + storePath; file.transferTo(new File(path+fileName)); String doMain = readProperties.getFileDomain();String httpImgPath = doMain + storePath + fileName; rs.put("state", "SUCCESS");// UEDITOR的规则:不为SUCCESS则显示state的内容 rs.put("url",httpImgPath); //能访问到你现在图片的路径 rs.put("title", originalFileName); rs.put("original", originalFileName); } } catch (Exception e) { e.printStackTrace(); rs.put("state", "文件上传失败!"); //在此处写上错误提示信息,这样当错误的时候就会显示此信息 rs.put("url",""); rs.put("title", ""); rs.put("original", ""); } return rs; }总结
以上所述是小编给大家介绍的编辑器Ueditor和SpringBoot 的整合方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
UEditor编辑器想要开发的web项目,比如javaweb项目中使用UEditor,下面我们就来看看详细的教程。软件名称:UEditor百度编辑器v1.2.6
使用ueditor编辑器,附件默认在ueditor/php/upload/,我的附件地址是网站根目录下/data/upload/,需要修改ueditor如下:第
百度编辑器UEditor1.22新版发布,新版新增了自定义工具栏界面功能,并修复了之前版本的一些Bug。百度编辑器UEditor1.22更新功能: 1.编辑器
概述Web开发中,很多地方都会用到HTML编辑器(富文本编辑器),我也用过几种,如UEditor、CkEditor等。这几天看了几篇文章,都是关于HTML编辑器
本文实例讲述了Laravel框架集成UEditor编辑器的方法。分享给大家供大家参考,具体如下:一、背景在项目开发的过程中,免不了使用修改功能,而富文本编辑器是