前端怎么传MultipartFile

在前端传输 MultipartFile 文件时，需要使用 FormData 对象，将文件打包成表单数据。首先需要将文件存储在一个 input 元素中，然后通过 FormData 对象将该 input 元素的值获取到并传输给服务器。

以下是一个示例代码，可以将文件上传到服务器：

<form id="uploadForm">
  <input type="file" id="fileInput">
  <button type="submit">上传</button>
</form>

const form = document.querySelector('#uploadForm');
const fileInput = document.querySelector('#fileInput');

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

  const formData = new FormData();
  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);
  });
});

在上面的代码中，我们使用了 Fetch API 来向服务器发送 POST 请求，并将 FormData 对象作为请求体。在服务器端，可以使用相应的后端框架来接收并处理这个文件。