springboot+editormd上传图片（超详细，如果有问题可留言，会及时回复哦）

原文地址：http://www.starchou.cn/detail/7
项目地址：https://git.dev.tencent.com/starchou666/myblog.git
先介绍背景：博主在创建这个博客的时候也是个纯小白。虽然本博客在比较早之前就已经可以运行了，但是实际上还有一些小bug没有修复，比如之前无法在编辑器中上传图片。经过一段时间的学习，博主终于学会了springboot环境下文件上传的流程，于是我从上周六开始解决上传图片的bug，今天终于解决啦。
编辑效果如图所示：

接下来我就介绍下bug修复的详细过程。
第一步：找到路由。
本博客用的是editor_md编辑器，所有路由还是比较好找的。

第二步：找到对应的控制器方法

在修改前，这部分里的内容是空的，所以我们点击编辑器的图片上传按钮是不会有效果的。
修改后代码如下：

@ApiOperation("markdown文件上传")
@PostMapping(value = "/uploadfile")
public @ResponseBody Map<String,Object> demo(@RequestParam(value = "editormd-image-file", required = false) MultipartFile file, HttpServletRequest request) {Map<String,Object> resultMap = new HashMap<String,Object>();//保存try {File imageFolder= new File(request.getServletContext().getRealPath("img/upload"));File targetFile = new File(imageFolder,file.getOriginalFilename());if(!targetFile.getParentFile().exists())targetFile.getParentFile().mkdirs();file.transferTo(targetFile);
//            BufferedImage img = ImageUtil.change2jpg(targetFile);
//            ImageIO.write(img, "jpg", targetFile);/*            file.transferTo(targetFile);*/
//            byte[] bytes = file.getBytes();
//            Path path = Paths.get(realPath + file.getOriginalFilename());
//            Files.write(path, bytes);resultMap.put("success", 1);resultMap.put("message", "上传成功！");resultMap.put("url","http://www.starchou.cn/img/upload/"+file.getOriginalFilename());} catch (Exception e) {resultMap.put("success", 0);resultMap.put("message", "上传失败！");e.printStackTrace();}System.out.println(resultMap.get("success"));return resultMap;
}

第三步：创建对应的文件夹
在项目文件夹\src\main\下建立webapp文件夹，最终的存储目录应该被创建为src\main\webapp\img\upload，可与代码中的：

File imageFolder= new File(request.getServletContext().getRealPath("img/upload"));

做对应的修改。
然后打包就可以啦，上传的图片会被存储在src\main\webapp\img\upload目录下。

springboot+editormd上传图片（超详细，如果有问题可留言，会及时回复哦）相关推荐

SpringBoot整合Mybatis超详细流程
SpringBoot整合Mybatis超详细流程文章目录 SpringBoot整合Mybatis超详细流程前言详细流程 0.引入Mybatis 1.创建数据 2.创建程序目录 3.理解后台访问流 ...
IDEA如何运行SpringBoot项目（超详细截图）
[]:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行! 博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端.后台.数据库.项目案 ...
如何在idea中创建一个SpringBoot项目（超详细教学）
如何在idea中创建一个SpringBoot项目目录环境准备 1.1打开IDEA,点击New新建一个项目 1.2 使用Spring Initializr方式构建Spring Boot项目 1.3 ...
Springboot介绍（超详细）
目录一.Spring和Springboot的区别及其注意事项什么? 二.忽略文件技巧,这样就可以减少很多不必要的文件生成三.SpringBoot Parent讲解四.stater的介绍五.引 ...
SpringBoot整合SpringSecurity [超详细] (一)入门案例
文章目录前言 1. 主流安全框架有哪些 2. Spring Security为什么越来越火 3. 为什么现在越来越多的人选择Spring Security 一.Spring Security 简介 ...
idea ssm打war包_使用idea新建springBoot+Gradle项目(超详细)
一.先说下IDEA 跟Eclipse在一些名词的区别 idea中的new project类似于eclipse中的workspace. idea中的 module 则类似于eclipse中的 proje ...
一篇掌握SpringBoot+SpringCache+Redis超详细实例
1.创建maven项目 2.pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xml ...
《SpringBoot篇》26.SpringBoot整合Jackson超详细教程（附Jackson工具类）
陈老老老板
超详细springboot热部署
超详细springboot热部署 ①修改依赖  <dependency><groupId>org.springframework.boot< ...

springboot+editormd上传图片（超详细，如果有问题可留言，会及时回复哦）

springboot+editormd上传图片（超详细，如果有问题可留言，会及时回复哦）相关推荐

最新文章

热门文章