上传文件

一、方式一

1.上传页面

upLoadPage.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8"/>

     <title>Title</title>

 </head>

 <body>

 <h1>Thymeleaf</h1>

     <form action="upload" method="post" enctype="multipart/form-data">

         选择图片：<input type="file" name="file" accept="image/*"/><br/>

         <input type="submit" value="上传"/>

     </form>

 </body>

 </html>

<1>. method="post" 是必须的
<2>. enctype="multipart/form-data" 是必须的，表示提交二进制文件
<3>. name="file" 是必须的，和后续服务端对应
<4>. accept="image/*" 表示只选择图片

2.上传文件页面跳转控制器，用来跳转到上传页面。

     @RequestMapping("upLoadPage")

     public String uploadPage(){

         return "upLoadPage";

     }

3.上传文件控制器，用来上传文件，并跳转到显示页面。

     @RequestMapping(value = "/upload",method = RequestMethod.POST)

     public String upload(HttpServletRequest request, @RequestParam("file")MultipartFile file, Model model){

         try {

             String fileName=System.currentTimeMillis()+file.getOriginalFilename();

             String destFileName=request.getServletContext().getRealPath("")+"uploaded"+File.separator+fileName;

             File destFile=new File(destFileName);

             destFile.getParentFile().mkdirs();

             file.transferTo(destFile);

             //System.out.println(destFileName);

             model.addAttribute("fileName",fileName);

         }catch (FileNotFoundException e){

             e.printStackTrace();

             return "上传失败,"+e.getMessage();

         }catch (IOException e){

             e.printStackTrace();

             return "上传失败,"+e.getMessage();

         }

         return "showImage";

     }

<1>. 接受上传的文件

@RequestParam("file") MultipartFile file

<2>. 根据时间戳创建新的文件名，这样即便是第二次上传相同名称的文件，也不会把第一次的文件覆盖了

String fileName = System.currentTimeMillis()+file.getOriginalFilename();

<3>. 通过req.getServletContext().getRealPath("") 获取当前项目的真实路径，然后拼接前面的文件名

String destFileName=req.getServletContext().getRealPath("")+"uploaded"+File.separator+fileName;

<4>. 第一次运行的时候，这个文件所在的目录往往是不存在的，这里需要创建一下目录

File destFile = new File(destFileName);
destFile.getParentFile().mkdirs();

<5>. 把浏览器上传的文件复制到希望的位置

file.transferTo(destFile);

<6>. 把文件名放在model里，以便后续显示用

model.addAttribute("fileName",fileName);

4.显示页面

showImage.html

 <!DOCTYPE html>

 <html lang="en" xmlns:th="http://www.thymeleaf.org">

 <head>

     <meta charset="UTF-8"/>

     <title>Title</title>

 </head>

 <body>

     <img th:src="@{/uploaded/{filename}(filename=${fileName})}"/>

 </body>

 </html>

5.application.properties

 #spring.mvc.view.prefix=/WEB-INF/jsp/

 #spring.mvc.view.suffix=.jsp

 spring.http.multipart.max-file-size=10MB

 spring.http.multipart.max-request-size=10MB

 spring.thymeleaf.enabled=true

 server.port=5050

设置上传文件的大小，默认是1m,太小了，文件稍微大一点就会出错。修改端口，启用thymeleaf模板

6.测试

文件的存储路径：

二、方式二（将文件保存在项目目录下）

1.在pom.xml增加依赖，使项目支持JSP。

         <!-- servlet依赖. -->

         <dependency>

             <groupId>javax.servlet</groupId>

             <artifactId>javax.servlet-api</artifactId>

         </dependency>

         <dependency>

             <groupId>javax.servlet</groupId>

             <artifactId>jstl</artifactId>

         </dependency>

         <dependency>

             <groupId>org.apache.tomcat.embed</groupId>

             <artifactId>tomcat-embed-jasper</artifactId>

         </dependency>

2.在main目录下，新建-> webapp/WEB-INF/jsp 目录，用来存放视图。webapp存放视图和资源（上传的文件）

3.showImage.jsp、upLoadPage.jsp中的内容直接把html中的复制过来即可。

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <img src="/uploaded/${fileName}">

4.application.properties中添加对jsp视图的解析路径，并将thymeleaf模板关闭。

 spring.mvc.view.prefix=/WEB-INF/jsp/

 spring.mvc.view.suffix=.jsp
4.spring.thymeleaf.enabled=false

5.测试

上传文件所在位置：

代码：https://github.com/lyj8330328/springboot-upload-demo

笔记70 Spring Boot快速入门（八）（重要）的更多相关文章

  1. 笔记61 Spring Boot快速入门（一）

    IDEA+Spring Boot快速搭建 一.IDEA创建项目 略 项目创建成功后在resources包下,属性文件application.properties中,把数据库连接属性加上,同时可以设置服 ...

  2. 笔记65 Spring Boot快速入门（五）

    SpringBoot+JPA 一.什么是JPA? JPA是Java Persistence API的简称,中文名Java持久层API,是JDK 5.0注解或XML描述对象-关系表的映射关系,并将运行期 ...

  3. 笔记63 Spring Boot快速入门（三）

    SpringBoot中使用JSP Springboot的默认视图支持是Thymeleaf,但是Thymeleaf还没开始学,熟悉的还是jsp,所以要让Springboot支持 jsp. 一.在pom. ...

  4. 笔记64 Spring Boot快速入门（四）

    SpringBoot中错误处理.端口设置和上下文路径以及配置切换 一.错误处理 假设在访问首页的时候会出现一些错误,然后将这些错误当作异常抛出,反馈给用户. 1.修改IndexController.j ...

  5. 笔记62 Spring Boot快速入门（二）

    SpringBoot部署 一.jar方式 1.首先安装maven. <1>下载最新的maven版本:https://maven.apache.org/download.cgi <2& ...

  6. 笔记67 Spring Boot快速入门（七）

    SpringBoot+RESTful+JSON 一.RESTful架构 REST全称是Representational State Transfer,中文意思是表述(编者注:通常译为表征)性状态转移. ...

  7. 笔记66 Spring Boot快速入门（六）

    SpringBoot中使用Mybatis 一.注解方式 1.创建映射文件CategoryMapper.java 使用注解@Mapper 表示这是一个Mybatis Mapper接口.使用@Select ...

  8. Spring Boot 快速入门

    Spring Boot 快速入门 http://blog.csdn.net/xiaoyu411502/article/details/47864969 今天给大家介绍一下Spring Boot MVC ...

  9. Spring Boot快速入门（二）：http请求

    原文地址:https://lierabbit.cn/articles/4 一.准备 postman:一个接口测试工具 创建一个新工程 选择web 不会的请看Spring Boot快速入门(一):Hel ...

随机推荐

  1. css 当文字过多时以....省略

    <!-- 公告 --> <p class="rst-promotion">公告: {{shopInfo.rst.promotion_info}}</p ...

  2. 6.jaxp的sax方式操作

    1.sax解析的原理 (1)解析xml有两种技术 dom 和 sax dom: 根据xml的层级结构在内存中分配一个树形结构,把xml中标签,属性,文本封装成对象 sax: 事件驱动,一行一行边读边解 ...

  3. windows2008R2-Exchange管理笔记

    命令全在Exchange shell里面执行 批量修改用户属性 Set-User -Identity liganwei@yjcn.com -Phone "分机" -HomePhon ...

  4. springmvc中拦截器配置格式

    对于springmvc,有两种方式配置拦截器. 一是实现HandlerInterceptor接口,如 public class MyInterceptor1 implements HandlerInt ...

  5. linux0.11内核源码——进程各状态切换的跟踪

    准备工作 1.进程的状态有五种:新建(N),就绪或等待(J),睡眠或阻塞(W),运行(R),退出(E),其实还有个僵尸进程,这里先忽略 2.编写一个样本程序process.c,里面实现了一个函数 /* ...

  6. 七、单例设计模式共享数据分析、解决、call_once

    一.设计模式大概谈 代码的一些写法,与常规的写法不太一样,程序灵活,维护起来很方便,但是别人接管.阅读代码很痛苦. 用设计模式理念写出来的代码很晦涩.<< head first>&g ...

  7. EF框架实增删改查

    数据库链接配置: <connectionStrings> <add name="XxzxWorkEntities" connectionString=" ...

  8. 前端每日实战：18# 视频演示如何用纯 CSS 创作 404 文字变形为 NON 文字的交互特效

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/ZoxjXm 可交互视频教程 此视频 ...

  9. 高并发大流量专题---5、CDN加速

    高并发大流量专题---5.CDN加速 一.总结 一句话总结: CDN就是多整几台节点服务器,选距离用户最近的服务器来给用户服务,实现的话可以用阿里云.腾讯云他们提供的功能,简单方便,妈妈再也不用担心我 ...

  10. windows10激活

    (1).首先,我们先查看一下Win10正式专业版系统的激活状态:按住win+r键,运行命令提示符,输入slmgr.vbs -xpr,点击确定,查看系统的状态是什么时候到期或者是处于通知状态. (2). ...