multipartfile前端怎么传多个
时间: 2023-11-03 10:04:33 浏览: 113
前端传输多个文件可以使用多个`<input type="file">`标签,每个标签对应一个文件选择器。您可以使用数组或者追加的方式来接收多个文件。
以下是两种常见的方式来前端传输多个文件:
1. 数组方式:
```html
<form action="/upload" method="POST" enctype="multipart/form-data">
<input type="file" name="files[]" multiple>
<button type="submit">上传</button>
</form>
```
在上述示例中,`name`属性设置为"files[]",方括号表示这是一个数组类型的参数。通过`multiple`属性可以允许用户选择并上传多个文件。
在后端的Controller方法中,可以使用MultipartFile数组来接收多个文件:
```java
@PostMapping("/upload")
public String uploadFiles(@RequestParam("files") MultipartFile[] files) {
// 处理多个文件上传逻辑
// ...
return "success";
}
```
2. 追加方式:
```html
<form action="/upload" method="POST" enctype="multipart/form-data">
<input type="file" name="file1">
<input type="file" name="file2">
<button type="submit">上传</button>
</form>
```
在上述示例中,每个`<input type="file">`标签都有一个不同的名称,例如"file1"和"file2"。这样可以在后端的Controller方法中,分别使用不同的MultipartFile参数来接收不同的文件。
```java
@PostMapping("/upload")
public String uploadFiles(@RequestParam("file1") MultipartFile file1,
@RequestParam("file2") MultipartFile file2) {
// 处理多个文件上传逻辑
// ...
return "success";
}
```
无论使用哪种方式,前端传输多个文件的原理都是一样的,即每个文件选择器对应一个文件参数。通过在后端的Controller方法中使用MultipartFile数组或多个MultipartFile参数,来接收和处理多个文件。
希望以上信息对您有所帮助!如果您还有其他问题,请随时提问。
阅读全文