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==200
            result.put("msg", "上传成功");
            result.put("data", data);
        } catch (Exception e) {
            log.error(e.getMessage(), e);
            result.put("code", -1);
            result.put("msg", "上传失败!");
        }
        return result;
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值