前言

在企业级项目开发过程中，上传文件是最常用到的功能。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. OpenCV绘制朱利亚(Julia)集合图形

    朱利亚集合是一个在复平面上形成分形的点的集合.以法国数学家加斯顿·朱利亚(Gaston Julia)的名字命名. 朱利亚集合可以由下式进行反复迭代得到: 对于固定的复数c,取某一z值(如z = z0) ...

  2. matlab 读写其他格式数据文件（excel）

    1. excel matlab和excel 中的数据互相导入 xlswrite() mat ⇒ excel 请问怎么把大容量的mat文件导出到excel文件中 – MATLAB中文论坛 % data. ...

  3. Qt 绘制平滑曲线

    本文介绍在 Qt 中绘制平滑曲线的实现,调用下面的函数 SmoothCurveGenerator::generateSmoothCurve(points) 即可.默认曲线的 2 个顶点之间被分割为 1 ...

  4. Leetcode 260 Single Number III 亦或

    在一个数组中找出两个不同的仅出现一次的数(其他数字出现两次) 同样用亦或来解决(参考编程之美的1.5) 先去取出总亦或值 然后分类,在最后一位出现1的数位上分类成 ans[0]和ans[1] a&am ...

  5. Linux内核源代码情景分析-fork()

    父进程fork子进程: child = fork() fork经过系统调用.来到了sys_fork.具体过程请參考Linux内核源码情景分析-系统调用. asmlinkage int sys_fork ...

  6. WPF中StringFormat的用法

    原文:WPF中StringFormat的用法 WPF中StringFormat的用法可以参照C#中string.Format的用法 1. C#中用法: 格式化货币(跟系统的环境有关,中文系统默认格式化 ...

  7. OpenSSL RSA加解密 (.Net公钥加密/ Linux端私钥解密)

    要求在.Net端生成公钥私钥对. 然后在.Net端使用RSA公钥加密:在Linux端使用RSA私钥解密. 最初的尝试是:.Net端使用RSACryptoServiceProvider; linux端使 ...

  8. WPF 中style文件的引用

    原文:WPF 中style文件的引用 总结一下WPF中Style样式的引用方法: 一,内联样式: 直接设置控件的Height.Width.Foreground.HorizontalAlignment. ...

  9. Qt SizePolicy 属性（每个控件都有一个合理的缺省sizePolicy。QWidget.size()默认返回值是(640, 480)，QWidget.sizeHint()默认返回值是(-1, -1)）

    控件的sizePolicy说明控件在布局管理中的缩放方式.Qt提供的控件都有一个合理的缺省sizePolicy,但是这个缺省值有时不能适合 所有的布局,开发人员经常需要改变窗体上的某些控件的sizeP ...

  10. EPPlus导出两千万行记录到xlsx的c#代码

    private void button5_Click(object sender, EventArgs e) { Stopwatch watch = new Stopwatch(); Backgrou ...