前端如何传MultipartFile

前端传递 MultipartFile 可以使用 FormData 对象来实现。首先，你需要在前端创建一个 FormData 对象，并将文件添加到其中。然后，你可以将该对象发送到后端。

以下是一个示例代码片段，演示了如何实现这一过程：

// HTML 文件中的表单
<form id="myForm" enctype="multipart/form-data">
  <input type="file" name="file" />
  <button type="submit">提交</button>
</form>

// JavaScript 代码
const form = document.getElementById('myForm');

form.addEventListener('submit', (e) => {
  e.preventDefault();

  const formData = new FormData();
  const fileInput = document.querySelector('input[type="file"]');
  formData.append('file', fileInput.files[0]);

  fetch('/upload', {
    method: 'POST',
    body: formData
  })
    .then(response => response.json())
    .then(data => {
      console.log(data);
    })
    .catch(error => {
      console.error(error);
    });
});

在上面的示例中，我们首先通过 `getElementById` 方法获取表单元素，然后使用 `addEventListener` 方法监听表单的提交事件。在事件处理程序中，我们创建了一个 FormData 对象，并将文件添加到其中，使用 `append` 方法指定文件的名称为 `"file"`。

接下来，我们使用 fetch API 发送 POST 请求到后端的 `/upload` 端点。在请求的选项中，我们将方法设置为 `'POST'`，并将 FormData 对象设置为请求的主体。

请注意，上述代码中的 `/upload` 端点是示例，你需要将其替换为你实际后端的上传文件的 API 端点。

在后端，你可以使用适应你编程语言和框架的方法来解析 MultipartFile 数据，并执行相应的操作。