文件上传

Spring MVC 提供 MultipartFile 接口作为参数来处理文件上传。
MultipartFile 提供以下方法来获取上传的文件信息：
 getOriginalFilename 获取上传的文件名字；
 getInputStream 获取一个 InputStream；
 getSize 上传文件的大小
 isEmpty 文件上传内容为空，或者没有文件上传
如果上传单个文件，使用 MultipartFile 类对象接收单个上传文件，如果是同时上传多个
文件，则使用 MultipartFile 数组类来接收多个文件。
例 1：单个文件上传

@PostMapping("/upload/multipart")
@ResponseBody
public Map<String, Object> upload(@RequestParam("photo") MultipartFile
photo)
{
。。。
} 
其中，upload 方法参数类型为 MultipartFile，使用 photo 对象接收单个上传文件，
@RequestParam("photo")获取请求参数“photo”值，该变量名称与视图表单中的名称对
应。
<input type="file" name="photo" value="请选择上传的文件" />

例 2：批量文件上传

 @PostMapping("/upload/multipart1")
@ResponseBody
// 使用Spring MVC的MultipartFile类作为参数
public Map<String, Object> upload1(@RequestParam("photo") 
MultipartFile[] photos)
 {
 。。。
 }

2
其中，upload1 方法参数类型为 MultipartFile[]，即使用数组来接收多个上传的文
件。这要求 HTTP 请求中包含有多个名字为“photo”的文件。

 <form method="post"
 action="./multipart1" enctype="multipart/form-data">
 <input type="file" name="photo" value="请选择上传的文件" /><p>
 <input type="file" name="photo" value="请选择上传的文件" /><p>
 <input type="file" name="photo" value="请选择上传的文件" /><p> 
 <input type="submit" value="提交" />
 </form>

@ModelAttribute注解

@ModelAttribute 注解主要是将请求参数绑定到 Model 对象上。@ModelAttribute 注解只
有一个 Value 属性，类型为 String，表示绑定的属性名称。当 Controller 类中有任意一个方法
被@ModelAttribute 注解标记，页面请求只要进入这个控制器，不管请求哪个方法，均会先
执行被@ModelAttribute 标记的方法，所以可以用@ModelAttribute 注解的方法做一些初始化
操作。当同一个 Controller 类中有多个方法被@ModelAttribute 注解标记，所有被
@ModelAttribute 注解标记的方法均会被执行，按先后顺序执行，然后再进图请求的方法。

实验目的

(1) 掌握 MultipartFile 类的使用
(2) 掌握 Spring MVC 实现文件上传方法
(3) 掌握@ModelAttribute 注解的使用方法

实验内容

(1) Spring MVC 框架实现单文件上传。
(2) Spring MVC 框架实现批量文件上传。
(3) @ModelAttribute 注解应用

实验过程

项目结构

当然原本uploaded里面是什么都没有的，这里本来就是存放上传的文件的地方

编写代码

FileController

import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import java.util.logging.SimpleFormatter;


@Controller
public class FileController {

    // 定义一个跳转到上传页面的方法，映射到/upload/page路径
    @GetMapping("/upload/page")
    public String uploadPage(){
        return "/file/upload";
    }

    // 定义一个处理文件上传的方法，映射到/upload/multipart路径
    @PostMapping("/upload/multipart")
    @ResponseBody
    //使用Spring MVC的MultipartFile数组作为参数，对应了保存的临时文件
    public Map<String,Object> upload(@RequestParam("photo")MultipartFile[] photos){
        String path="D:/idea/code/java/MultipartFile/src/main/resources/uploaded/";//保存路径
        // 定义一个计数器，用于记录上传成功的文件个数
        int count = 0;
        // 遍历上传的文件数组
        for (MultipartFile photo : photos) {
            // 使用日期格式化类来生成文件名
            String filename=new SimpleDateFormat("yyyyMMddHHmmssSSS").format(new Date());

            //获取上传文件的后缀suffix
            String suffix=photo.getOriginalFilename().substring(photo.getOriginalFilename().lastIndexOf("."));
            // 判断文件的后缀是否是.jpg，如果不是则跳过这个文件
            if(!suffix.equals(".jpg")){
                continue;
            }
            try {
                // 创建一个文件对象，指定保存的位置和文件名
                File destFile = new File(path + filename + suffix);
                // 判断文件的父目录是否存在，如果不存在则创建
                if (!destFile.getParentFile().exists()) {
                    destFile.getParentFile().mkdirs();
                }
                // 将文件保存到指定的位置
                photo.transferTo(destFile);
                // 将计数器加一
                count++;
            }catch (IOException e){
                // 捕获异常并打印
                e.printStackTrace();
            }
        }
        // 判断计数器是否大于零，如果是则表示有文件上传成功
        if (count > 0) {
            // 返回一个成功的提示信息
            return dealResultMap(true,"上传成功，共上传了" + count + "个文件");
        } else {
            // 返回一个失败的提示信息
            return dealResultMap(false,"上传失败，没有符合条件的文件");
        }
    }
    //处理上传文件结果
    private Map<String,Object>dealResultMap(boolean success,String msg){
        Map<String,Object> result=new HashMap<String,Object>();
        result.put("success",success);
        result.put("msg",msg);
        return result;
    }

}

upload.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>文件上传</title>
</head>
<body>
<h1>文件上传</h1>
<p>请选择一个.jpg格式的图片文件，然后点击上传按钮，将文件上传到服务器。</p>
<form action="/upload/multipart" method="post" enctype="multipart/form-data">
  <input type="file" name="photo" accept="image/jpeg">
  <input type="submit" value="上传">
</form>
<div id="result"></div>
<script>
  // 获取表单元素
  var form = document.querySelector("form");
  // 获取结果元素
  var result = document.getElementById("result");
  // 监听表单的提交事件
  form.addEventListener("submit", function(event) {
    // 阻止表单的默认提交行为
    event.preventDefault();
    // 创建一个FormData对象，用于封装表单数据
    var formData = new FormData(form);
    // 创建一个XMLHttpRequest对象，用于发送异步请求
    var xhr = new XMLHttpRequest();
    // 设置请求的方法和地址
    xhr.open("POST", "/upload/multipart");
    // 设置请求的响应类型为JSON
    xhr.responseType = "json";
    // 设置请求的回调函数
    xhr.onload = function() {
      // 判断请求的状态是否成功
      if (xhr.status === 200) {
        // 获取响应的数据
        var data = xhr.response;
        // 判断上传的结果是否成功
        if (data.success) {
          // 显示成功的提示信息
          result.innerHTML = "<p style='color:green'>" + data.msg + "</p>";
        } else {
          // 显示失败的提示信息
          result.innerHTML = "<p style='color:red'>" + data.msg + "</p>";
        }
      } else {
        // 显示错误的提示信息
        result.innerHTML = "<p style='color:red'>请求失败，状态码：" + xhr.status + "</p>";
      }
    };
    // 发送请求
    xhr.send(formData);
  });
</script>
</body>
</html>

MultipartFileApplication

import com.example.multipartfile.controller.FileController;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class MultipartFileApplication {

    public static void main(String[] args) {

        SpringApplication.run(MultipartFileApplication.class, args);
    }

}

结果展示

搜索自己对应的url

单击选择文件，打开文件夹进行文件的选择

选择好文件

点击上传

返回idea中查看

在选择的保存路径uploaded中出现了我们选择上传的图片，当然也可以选择多文件上传，只要同时选择多个文件，然后点击上传就可以了