layui富文本编辑器上传图片到服务器图片回显问题

技术选型:springboot+freemarker+layui

1.layui前台根据官方文档写就OK的
官方文档:https://www.layui.com/doc/modules/layedit.html

2.将图片上传到服务器(重点)

//------------编辑时上传照片
    @RequestMapping("/uploadPhotos")
    public Map uploadPhotos(@RequestParam("file") MultipartFile file, HttpServletRequest request) throws IOException {
        Map map = new HashMap();
        String savePath = "/www/xiangmu/keleadmin/tupians/images/";//服务器上图片所在的文件夹
        String saveUrl = request.getContextPath() + savePath;//
        String name = file.getOriginalFilename();//图片名称
        file.transferTo(new File(saveUrl + file.getOriginalFilename()));//将图片写到指定的位置
        map.put("code", 0);
        map.put("msg", "上传图片成功");
        Map data = new HashMap();
        data.put("src", "http://xxxx/tupians/images/" + name);//图片路径(切记路径必须要定位到具体的某张图片!!!)
        data.put("title", name);
        map.put("data", data);
        return map;
    }

大功告成!!!

你可能感兴趣的:(layui)