1.前端页面:
<p style="color: red" th:text="${uploadStatus}"></p><br>
<form th:action="@{/uploadFile}" method="post" enctype="multipart/form-data">
上传文件:<input type='file' name='fileUpload' required='required'><br>
提交:<button type="submit">上传</button>
2.后端FileController.java
package com.example.demomvcandweb.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import java.io.File;
import java.io.IOException;
import java.util.UUID;
@Controller
public class FileController {
//向文件上传页面跳转
@GetMapping("/toUpload")
public String toUplode(){
return "upload1";
}
//文件上传管理
@PostMapping("/uploadFile")
// @RequestParam(value = "fileUpload",required = false)
public String uploadFile( MultipartFile[] multipartFiles, Model model) {
model.addAttribute("uploadStatus", "上传成功");
System.out.println("multipartFiles = " + multipartFiles);
for (MultipartFile file : multipartFiles) {
//获取文件名以及后缀名
String fileName = file.getOriginalFilename();
//重新生成文件名,使用UUID顺机编码
fileName = UUID.randomUUID() + "_" + fileName;
//指定上传文件本地存储目录,不存在则需要提前创建。
String dirPath = "D:\\springboot\\";
File file1 = new File(dirPath);
if (!file1.exists()) {
file1.mkdirs();
}
try {
file.transferTo(new File(dirPath+fileName));
}
catch (IOException e) {
model.addAttribute("uploadStatus", "文件上传失败!");
throw new RuntimeException(e);
}
}
return "upload1";
}
}
上面代码,进行提交文件的时候。会报错:报为空,就是没有后端没有接受到这个文件,所以multipartFiles=null。
解决办法:在uploadFile方法,加入注解 @RequestParam(value = "fileUpload",required = false)
@RequestParam(value = "fileUpload",required = false)
这个问题对于@RequestParam注解使用:
(1)不加的话,参数为非必传。前后端的请求参数必须保持一致。
(2)加了的话,默认是必传(required = ture)。value值为前端请求参数名字。required为是否为必传项。
这里前端中required='required'
表示该输入框是必填项。 name
属性指定了上传文件的参数名为 fileUpload。
如果后端不想添加@RequestParam注解。那需要改一下参数名multipartFiles改为fileUpload。