写一段前端发送文件到后端的代码

以下是一个简单的前端发送文件到后端的代码示例：

HTML：

<form id="file-upload-form">
  <input type="file" name="file" id="file-input">
  <button type="submit">上传文件</button>
</form>

JavaScript：

const form = document.getElementById('file-upload-form');
const fileInput = document.getElementById('file-input');

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

  const formData = new FormData();
  formData.append('file', fileInput.files[0]);

  const response = await fetch('/upload', {
    method: 'POST',
    body: formData,
  });

  if (response.ok) {
    console.log('文件上传成功！');
  } else {
    console.error('文件上传失败！');
  }
});

在这个示例中，我们使用了 HTML 表单和 JavaScript Fetch API 来发送文件到后端。当用户选择文件并点击“上传文件”按钮时，我们使用 FormData 对象来创建一个包含文件的表单数据。然后，我们使用 Fetch API 发送 POST 请求到后端的“/upload”路由，并将表单数据作为请求体发送。最后，我们检查响应是否成功，并在控制台输出相应的消息。