前言

在企业级项目开发过程中,上传文件是最常用到的功能。SpringBoot集成了SpringMVC,当然上传文件的方式跟SpringMVC没有什么不同。

本章目标

使用SpringBoot项目完成单个、多个文件的上传处理,并将上传的文件保存到指定目录下。这里我们会使用layui,如果有不懂layui的同行可以去layui官网

官网地址:https://www.layui.com/

项目构建

1.项目搭建的主要步骤我在这里就不多重复了,我们直接勾选Web依赖,然后生成项目,结构如下

form表单文件上传

单文件上传

1.由于SpringBoot的项目结构不同于SSM,很多企业也会用jsp页面,对我而言我不太喜欢,一般我们的jsp页面都是放在/src/main/webapp/WEB_INF/jsp,现在我们在这个目录先配置html,如果有需要配置jsp页面的同行把后缀名改一下就可以了,现在我们去application.properties中配置访问的页面以及目录,目录结构如下

2.application.properties配置如下

spring.mvc.view.prefix=/WEB_INF/jsp/

spring.mvc.view.suffix=.html

3.现在去控制器配置一下访问的页面,新建控制器IndexController,代码如下,然后启动运行

IndexController

package com.demo03.demo_03.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody; @Controller
public class IndexController {
@RequestMapping("/")
public String index(){
return "index";
}
}

4.现在我们访问一下页面,index.html代码如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>单图片上传</title>
</head>
<body>
<form action="" enctype="multipart/form-data" method="post">
<input type="file" name="file">
<input type="submit" value="图片上传">
</form>
</body>
</html>

5.现在我们去控制器编写代码,更新后的IndexController如下

package com.demo03.demo_03.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile; import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.util.UUID; @Controller
public class IndexController {
@RequestMapping("/")
public String index(){
return "index";
}
//单图片上传
@RequestMapping("/upload")
@ResponseBody
public String upload(HttpServletRequest request, MultipartFile file){
try{
//上传目录地址
String uploadDir=request.getSession().getServletContext().getRealPath("/")+"upload/";
//判断目录是否存在,如果不存在则构建目录
File dir=new File(uploadDir);
if(!dir.mkdir()){
dir.mkdir();
}
//文件名后缀
String suffix=file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
//上传文件名
String fileName= UUID.randomUUID()+suffix;
//服务端保存的文件对象
File saveFile=new File(uploadDir+fileName);
//将上传的文件写入到服务器端文件内
file.transferTo(saveFile);
}catch (Exception e){
e.printStackTrace();
return "上传失败";
}
return "上传成功";
}
}

6.现在我们去index.html中上传图片,效果如下,可以看到我们图片上传成功了

index.html更新后

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>单图片上传</title>
</head>
<body>
<form action="/upload" enctype="multipart/form-data" method="post">
<input type="file" name="file">
<input type="submit" value="图片上传">
</form>
</body>
</html>

多文件上传

1.由于我们要用到多图片上传,所以我们先去控制器更新一下代码,更新后的IndexController代码如下

package com.demo03.demo_03.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile; import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.UUID; @Controller
public class IndexController {
@RequestMapping("/")
public String index(){
return "index";
}
//单图片上传
@RequestMapping("/upload")
@ResponseBody
public String upload(HttpServletRequest request, MultipartFile file){
try{
//上传目录地址
String uploadDir=request.getSession().getServletContext().getRealPath("/")+"upload/";
//判断目录是否存在,如果不存在则构建目录
File dir=new File(uploadDir);
if(!dir.mkdir()){
dir.mkdir();
}
//文件名后缀
String suffix=file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
//上传文件名
String fileName= UUID.randomUUID()+suffix;
//服务端保存的文件对象
File saveFile=new File(uploadDir+fileName);
//将上传的文件写入到服务器端文件内
file.transferTo(saveFile);
}catch (Exception e){
e.printStackTrace();
return "上传失败";
}
return "上传成功";
}
//提取上传图片的公共方法
/*
* uploadDir 上传目录
* file上传对象
* */
public void executeUpload(String uploadDir,MultipartFile file) throws IOException {
//文件名后缀
String suffix=file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
//上传文件名
String fileName=UUID.randomUUID()+suffix;
//服务端保存文件对象
File saveFile=new File(uploadDir+fileName);
//将上传的文件写入到服务器端文件内
file.transferTo(saveFile);
}
//多文件上传
@RequestMapping("/uploadArray")
@ResponseBody
public String uploadArray(HttpServletRequest request,MultipartFile[] file){
try {
//上传目录地址
String uploadDir=request.getSession().getServletContext().getRealPath("/")+"upload/";
//如果目录不存在,则构建目录
File dir=new File(uploadDir);
if(!dir.exists()){
dir.mkdir();
}
//遍历文件数组执行上传
for(int i=0;i<file.length;i++){
if(file[i]!=null){
//调用上传的方法
executeUpload(uploadDir,file[i]);
}
}
}catch (Exception e){
e.printStackTrace();
return "上传失败";
}
return "上传成功";
}
}

2.更新index.html页面,发现上传成功,更新后的index.html如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>单图片上传</title>
</head>
<body>
<h2>单文件上传</h2>
<form action="/upload" enctype="multipart/form-data" method="post">
<input type="file" name="file">
<input type="submit" value="图片上传">
</form>
<h1>多个文件上传</h1>
<form action="/uploadArray" enctype="multipart/form-data" method="post">
<input type="file" name="file">
<input type="file" name="file">
<input type="file" name="file">
<input type="submit" value="图片上传">
</form>
</body>
</html>

SpringBoot从入门到精通十一(SpringBoot文件上传的两种方法)的更多相关文章

  1. C#实现Web文件上传的两种方法

    1. C#实现Web文件的上传 在Web编程中,我们常需要把一些本地文件上传到Web服务器上,上传后,用户可以通过浏览器方便地浏览这些文件,应用十分广泛. 那么使用C#如何实现文件上传的功能呢?下面笔 ...

  2. curl文件上传有两种方式,一种是post_fileds,一种是infile

    curl文件上传有两种方式,一种是POSTFIELDS,一种是INFILE,POSTFIELDS传递@实际地址,INFILE传递文件流句柄! );curl_setopt($ch, CURLOPT_PO ...

  3. springMVC文件上传的三种方法

    这时:commonsmultipartresolver 的源码,可以研究一下 http://www.verysource.com/code/2337329_1/commonsmultipartreso ...

  4. 利用Selenium实现图片文件上传的两种方式介绍

    在实现UI自动化测试过程中,有一类需求是实现图片上传,这种需求根据开发的实现方式,UI的实现方式也会不同. 一.直接利用Selenium实现 这种方式是最简单的一种实现方式,但是依赖于开发的实现. 当 ...

  5. linux 下文件上传的两种工具(XFTP5和Putty之pscp)方式

    一.使用XFTP(,需要先在LINUX上安装启用FTP服务) 然后,在WINDOWS上启动XFPT6客户端,将下载的文件上传至LINUX 指定目录: 二.使用PUTTY软件安装目录下的PSCP命令 1 ...

  6. ASP.NET Core 1.0中实现文件上传的两种方式(提交表单和采用AJAX)

    Bipin Joshi (http://www.binaryintellect.net/articles/f1cee257-378a-42c1-9f2f-075a3aed1d98.aspx) Uplo ...

  7. SpringBoot 2.x (3):文件上传

    文件上传有两个要点 一是如何高效地上传:使用MultipartFile替代FileOutputSteam 二是上传文件的路径问题的解决:使用路径映射 文件路径通常不在classpath,而是本地的一个 ...

  8. ASP.NET文件上传的三种基本方法

    ASP.NET依托.net framework类库,封装了大量的功能,使得上传文件非常简单,主要有以下三种基本方法. 方法一:用Web控件FileUpload,上传到网站根目录. <form i ...

  9. 让nginx支持文件上传的几种模式

    文件上传的几种不同语言和不同方法的总结. 第一种模式 : PHP 语言来处理 这个模式比较简单, 用的人也是最多的, 类似的还有用 .net 来实现, jsp来实现, 都是处理表单.只有语言的差别, ...

随机推荐

  1. Android中使用JUnit测试

    package com.meritit.lottery.test; import java.util.List; import android.test.AndroidTestCase; import ...

  2. 矿Spring入门Demo

    第一步:输入Spring jar 包裹 Spring核心包(4个)  日志包(2个)  jdbc模板支持(1个)  spring-jdbc-3.2.0.RELEASE.jar  模板相关事务处理包(1 ...

  3. 解决关于archlinux升级至3.16.1,Xorg桌面环境无法进入的问题

    [现象]有终端输入username,password后,桌面环境启动失败. [报错]log文件里显示: (EE) Fatal server error: (EE) xf86OpenConsole: V ...

  4. automapper如何全局配置map条件过滤null值空值对所有映射起效

    原文 automapper如何全局配置map条件过滤null值空值对所有映射起效 我们在使用automapper的时候经常会遇到这样的问题:假设展示给用户的数据我们用UserDto类,User类就是我 ...

  5. 矩阵十点【两】 poj 1575 Tr A poj 3233 Matrix Power Series

    poj 1575  Tr A 主题链接:http://acm.hdu.edu.cn/showproblem.php?pid=1575 题目大意:A为一个方阵,则Tr A表示A的迹(就是主对角线上各项的 ...

  6. 隐变量模型(latent variable model)

    连续隐变量模型(continuous latent model)也常常被称为降维(dimensionality reduction) PCA Factor Analysis ICA 连续的情形比离散的 ...

  7. C# WPF 实现鼠标固定在指定范围内运动

    原文:C# WPF 实现鼠标固定在指定范围内运动   一.背景: 需要实现带有三个屏幕,三个屏幕分别显示窗体,但鼠标只能在主窗体中运动,不能移动到其他的两个附屏中.   二.实现: 具体实现使用的是u ...

  8. Qt如何绘制(简单深刻,fearlazy的系列文章)

    我觉得绘制只需要考虑几个问题.简单地说就是谁在什么地方画什么? 在Qt中可以这么回答:QPainter在QPainterDevice中画想画的东西. 举个例子:用QtCreator向导新建一个项目,基 ...

  9. 3ds Max建模,Blend设计,VS2008控制WPF的3D模型例子

    原文:3ds Max建模,Blend设计,VS2008控制WPF的3D模型例子 3ds Max建模,Blend设计,VS2008控制WPF的3D模型例子   所用的软件 3ds Max 9.0,Mic ...

  10. (转)react 使用 ref 报错 ,[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs)

    原文地址:https://www.cnblogs.com/gangerdai/p/7396226.html react 项目中给指定元素加事件,使用到 react 的 ref 属性,Eslink 报错 ...