MultipartFile 批量上传 前端和后端的用法

MultipartFile 批量上传涉及到前端和后端两部分的实现。下面我将为您介绍一下前端和后端的用法。

前端部分：
在前端，您可以使用 `<input type="file" multiple>` 来创建一个上传文件的表单字段，通过该字段用户可以选择多个文件进行上传。以下是一个示例代码：

<form method="POST" action="/upload" enctype="multipart/form-data">
  <input type="file" name="files" multiple>
  <button type="submit">Upload</button>
</form>

在上述代码中，`<input type="file" name="files" multiple>` 中的 `multiple` 属性表示可以选择多个文件进行上传。表单的 `enctype` 属性设置为 `multipart/form-data`，以支持文件上传。

后端部分：
在后端，您需要使用框架提供的功能来接收和处理上传的多个文件。以下是一个使用 Spring Boot 的示例代码：

@PostMapping("/upload")
public String handleFileUpload(@RequestParam("files") MultipartFile[] files) {
    for (MultipartFile file : files) {
        // 处理每个文件
        String fileName = file.getOriginalFilename();
        // ...
    }
    return "Upload successful";
}

在上述代码中，`@RequestParam("files")` 注解用于接收名为 "files" 的多个文件。然后，通过循环遍历 `MultipartFile[]` 数组来处理每个文件，您可以根据需要进行操作。

请注意，上述示例使用了 Spring Boot 框架来处理文件上传，如果您使用的是其他框架，可能会有些许差异。您需要根据您所使用的框架的文档来了解具体的用法。

希望对您有所帮助！如果还有其他问题，请随时提问。