当前位置: 首页 > news >正文

layui 富文本编辑器layedit 以及 图片转base64前端页面显示

 js

    var index = layui.layedit.build('noticeInformationContent', {area: ['500px', '400px'],uploadImage: {url: 'NI/uploadconimage' //接口url, type: 'POST' //默认post},hideTool: ['image']});layui.form.verify({content: function (val) {layui.layedit.sync(index);var content = layui.layedit.getContent(index);if (content.length > 1600) {return "内容不能超过1600字";}}})layui.form.render()

 java

@PostMapping("/NI/uploadconimage")public Map<String, Object> uploadconimage(MultipartFile file) {Map<String, Object> result = new HashMap<>();try (BufferedInputStream in = new BufferedInputStream(file.getInputStream());ByteArrayOutputStream out = new ByteArrayOutputStream()) {byte[] bytes = new byte[2 * 1024];int len;while ((len = in.read(bytes)) > 0) {out.write(bytes, 0, len);}byte[] byteArray = out.toByteArray();BASE64Encoder encoder = new BASE64Encoder();String encode = encoder.encode(byteArray);Map<String, Object> data = new HashMap<>();data.put("src", "data:image/jpg;base64," + encode);// data.put("src", "templetdata/static/images/banner.jpg");data.put("title", file.getOriginalFilename());result.put("code", 0);//重点:layui富文本不是code==200result.put("msg", "上传成功");result.put("data", data);} catch (Exception e) {log.error(e.getMessage(), e);result.put("code", -1);result.put("msg", "上传失败!");}return result;}

http://www.lryc.cn/news/162980.html

相关文章:

  • 服务器给前端实时推送数据轻量化解决方案eventSource+Springboot
  • 数据结构与算法:数据结构基础
  • virtualbox虚拟机中安装FreeDOS系统和DJGPP编译环境
  • JAVASE事件监听
  • ubuntu14.04改静态ip
  • “文件的上传与下载:实现与优化“
  • uboot顶层Makefile前期所做工作说明三
  • Mysql树形表的两种查询方案(递归与自连接)
  • text-align和text-align-last的属性值
  • SpringMVC的注解、参数传递、页面跳转
  • OAK相机:启动报错X_LINK_DEVICE_NOT_FOUND
  • Python异常处理——走BUG的路,让BUG无处可走
  • 如何解决iOS打包工具AppUploader登录权限问题?
  • leetcode分类刷题:基于数组的双指针(四、小的移动)
  • eclipse
  • VIT中的einops包详解
  • 目标检测笔记(十三): 使用YOLOv5-7.0版本对图像进行目标检测完整版(从自定义数据集到测试验证的完整流程))
  • 【数据结构】设计环形队列
  • 无涯教程-JavaScript - COUPDAYSNC函数
  • python 随机生成emoji表情
  • python关闭指定进程以excel为例
  • 前后端中的异步和事件机制 | 前后端开发
  • 设计模式篇(Java):装饰者模式
  • Spark【RDD编程(三)键值对RDD】
  • 从板凳围观到玩转行家:Moonbeam投票委托如何让普通用户一同参与
  • SpringMVC的文件上传文件下载多文件上传---详细介绍
  • Spark【RDD编程(四)综合案例】
  • Golang报错mixture of field:value and value initializers
  • 【网络教程】记一次使用Docker手动搭建BT宝塔面板的全过程(包含问题解决如:宝塔面板无法开启防火墙,ssh,nginx等)
  • 【大虾送书第九期】速学Linux:系统应用从入门到精通