前言

在企业级项目开发过程中，上传文件是最常用到的功能。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. jQuery memory&unique&stopOnfalse

    memory:保持以前的值,将添加到这个列表的后面的最新的值立即执行调用任何回调 (像一个递延 Deferred). 回调函数是从异步队列Deferred分离出来的,所以很多的接口设计都是为了契合De ...

  2. 【 D3.js 入门系列 --- 9.3 】 弦图生产

    我个人的博客: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 弦图( Chord ),主要用于表示两个节点之间的联系.例如以下图: ...

  3. 微信小程序之商品属性分类

    所提及的购物数量的加减,现在说说商品属性值联动选择. 为了让同学们有个直观的了解,到电商网截了一个图片,就是红圈所示的部分 现在就为大家介绍这个小组件,在小程序中,该如何去写 下图为本项目的图: wx ...

  4. @RequestBody标记的形参，与APP接口不能直接用

    用ajax请求传JSON串,在服务端形参用@RequestBody标记可以直接转为对应的对象: 在APP调用该接口时,服务端用@RequestBody标记无法转为对应对象,将形参改为String类型, ...

  5. 使用FileStream向txt格式的文本文件 "追加" 新内容并读取

    原文:使用FileStream向txt格式的文本文件 "追加" 新内容并读取 //得到文件路径. static string filePath = AppDomain.Curren ...

  6. html5 命运之轮生产

    码,如以下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEn ...

  7. WPF x:Array的使用

    <Window x:Class="XamlTest.Window1"        xmlns="http://schemas.microsoft.com/winf ...

  8. wcf 代理实例

    通过过代理调用 wcf服务 using Microsoft.Extensions.Options; using System; using System.Collections.Generic; us ...

  9. jquery 鼠标经过延时触发事件，jquery插件

    jquery 鼠标经过延时触发事件. 用来做:鼠标经过选项卡,延时切换,鼠标经过商城分类延时显示,最好不过,防止用户随便滑动就切换了选项卡. 一.引入jq 二.加入以下插件代码 /* * 鼠标经过延时 ...

  10. socket编程详解,转自http://www.sme-cn.com:82/archives/669

    一  Socket简介 Socket翻译过来是套接字,具体含义可自行百度,简言之就是IP:Port的组合,是网络通信的一个窗口,IP就是地址和门牌号(比如长沙市韶山北路81号),Port就是房间号(比 ...