springboot实现简单的文件上传与回显

前端页面
input的file类型可以将上传文件的绝对路径返回给后台。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script><link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"><title>Title</title>
</head>
<body>
<div class="container"><body><div class="col-md-12"><form action="/upload/upload" method="post" enctype="multipart/form-data"><input type="file" name="file" accept="image/*"><br><input type="submit" value="上传" class="btn btn-success"></form>[[${filename}]]<br><img th:src="@{${filename}}" alt="图片"></div></body>
</div>
</body>
</html>

application.properties配置文件

file.upload.path=D://images/
file.upload.path.relative=/images/**
spring.thymeleaf.cache=false

MyWebAppConfigurer配置类
主要配置资源映射，在服务器输入路径时寻找对应映射文件。否则直接放在tomcat服务器中，由于springboot每次启动都会重启一个新的tomcat服务器，文件会丢失，所以放在其他路径，而通过资源映射则可以访问tomcat服务器以外的文件。

/*** 资源映射路径*/
@Configuration
public class MyWebAppConfigurer implements WebMvcConfigurer {/**上传地址*/@Value("${file.upload.path}")private String filePath;/**显示相对地址*/@Value("${file.upload.path.relative}")private String fileRelativePath;@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler(fileRelativePath).addResourceLocations("file:/" + filePath);}
}

Controller，
这里注意一个问题，getOriginalFilename在ie浏览器中会获取全部路径名从而造成io异常，其他浏览器正常，解决的话加个浏览器判断就好。

@Controller
@RequestMapping("upload")
public class UploadController {/**上传地址*/@Value("${file.upload.path}")private String filePath;@GetMapping("toUpload")public String toUpload(){return "upload";}@RequestMapping("upload")public String upload(@RequestParam("file") MultipartFile file, Model model) {// 获取上传文件名String filename = file.getOriginalFilename();// 定义上传文件保存路径String path = filePath+"Photo/";// 新建文件File filepath = new File(path, filename);// 判断路径是否存在，如果不存在就创建一个if (!filepath.getParentFile().exists()) {filepath.getParentFile().mkdirs();}try {// 写入文件file.transferTo(new File(path + File.separator + filename));} catch (IOException e) {e.printStackTrace();}// 将src路径发送至html页面model.addAttribute("filename", "/images/Photo/"+filename);return "upload";}
}

测试

springboot实现简单的文件上传与回显相关推荐

【SpringBoot】简单的文件上传和文件下载以及图片回显
介绍这里是小编成长之路的历程,也是小编的学习之路.希望和各位大佬们一起成长! 以下为小编最喜欢的两句话: 要有最朴素的生活和最遥远的梦想,即使明天天寒地冻,山高水远,路远马亡. 一个人为什么要努力? ...
element UI el-upload组件实现视频文件上传视频回显
项目中需要提供一个视频介绍,使用Vue+Element UI中的el-upload组件实现视频上传及进度条展示,后台提供视频上传API并返回URL, 百度找了一番后最终实现了. HTML <el ...
Java使用SpringBoot实现简单的文件上传(上传文件到本地)
实现代码: (此处代码写在了Controller层建议写在Service层,Controller只做调用) /*使用SpringBoot实现简单文件上传(上传至本地)*/@RequestMappin ...
SpringBoot 2.0 多图片上传加回显
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 本文来源:http://r6f.cn/crEY 这两天公司 ...
vue2 + elementui el-upload文件上传后回显及重新提交思路
回显: :file-list="fileList" 可用于预览图片列表,数组内的对象格式为{name: '', url:"'}. 文件上传后,需让后端返回文件标识和服务器 ...
bootstrap fileinput 文件上传和回显
官网下载文件http://plugins.krajee.com/file-input/demo bootstrap fileinput 是基于bootstrap基础上的上传插件,so必要的bootst ...
Spring Boot文件上传及回显（单/多文件）
一.单文件上传 1.前端页面 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
Springboot实现简单的文件上传和下载功能
一.第一步, 第一步依然是创建数据库,我简单设计了三个字段(file_id,file_name,create_time) CREATE TABLE `txtfile` (`file_id` int N ...
themyleaf 图片上传_javaEE --springboot #实现图片上传和回显 #单文件上传 #多文件上传 #ajax异步文件上传（非常详细，从创建项目开始）...
实现文件上传和回显 1.新建一个SpringBoot项目,选择 Spring Web 和 thymeleaf 依赖 .pow.xml文件下的依赖如下 2.根据下图,创建如下文件 3.直接上代码配置文 ...

springboot实现简单的文件上传与回显

springboot实现简单的文件上传与回显相关推荐

最新文章

热门文章