前端实现
前端同时提交extra的文本作为额外信息以及文件file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>uploadTest</title>
</head>
<body>
<h>文件上传</h>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="text" name="extra">
<input type="file" name="file">
<input type="submit" value="提交">
</form>
</body>
</html>
需要注意:
1.文件上传form表单一定要写上enctype=“multipart/form-data”
2.多文件上传时,需要加入mutiple属性
3.上传必须标有name属性
Controller层实现
fileUpload()函数中两个参数String extra和MutipartFile file分别对应前端传入的额外信息以及文件,使用注解@RequestParam标注;
设置filePath来作为上传文件路径;
调用MultipartFile接口的transferTo来将二进制文件流转为filePath下的文件
package com.example.testdemo.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import java.io.File;
import java.io.IOException;
@Controller
public class fileController {
private String filePath="/Users/zl/Documents/ideaProjects/JAVA/testdemo/uploadFiles";
@PostMapping("/upload")
public String fileUpload(
@RequestParam("extra") String extra,
@RequestParam("file") MultipartFile file){
String path = filePath+"/"+file.getOriginalFilename();
System.out.println(path);
System.out.println("extra:"+extra);
try {
file.transferTo(new File(path));
} catch (IOException e) {
e.printStackTrace();
}
return file.getOriginalFilename();
}