wangEditor--富文本编辑器

基础使用

引入wangEditor的js文件

显示wangEditor编辑器

读取wangEditor里书写的内容:

往wangEditor里写入:

图片上传

引入,SpringMVC底层文件上传依赖

<!--Spring MVC 文件上传底层依赖-->
<dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.4</version>
</dependency>

在配置文件中,激活Spring MVC 文件上传

另外,注意配置默认编码格式,防止上传中文时,出现乱码

 <bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver" id="multipartResolver">
        <property name="defaultEncoding" value="UTF-8"/>
    </bean>

控制器提供接口

 ///management/book/upload
    @PostMapping("/upload")
    @ResponseBody
    public Map uploadImg(@RequestParam("img") MultipartFile file, HttpServletRequest request) throws IOException {
        String uploadPath = request.getServletContext().getResource("/").getPath() + "/upload/";
        String fileName = String.valueOf(UUID.randomUUID());
        String originalFilename = file.getOriginalFilename();
        String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".") + 1);

        file.transferTo(new File(uploadPath + fileName + suffix));
        HashMap<Object, Object> result = new HashMap<>();
        result.put("errno", 0);
        result.put("data", new String[]{"/upload/" + fileName + suffix});

        return result;
    }

Spring MVC 图片上传功能完成 · MingCaiXiong/spring-learn@93da1ab