bootstrap如何上传文件

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>

<input type="file" class="form-control" id="file-input">

<button type="submit" class="btn btn-primary" id="file-upload-btn">上传</button>

const form = document.getElementById('file-form');form.addEventListener('submit', (event) => {  event.preventDefault();  // 创建 FormData 对象  const formData = new FormData(form);  // 发送文件上传请求  fetch('/upload', {    method: 'POST',    body: formData  })  .then(response => {    // 处理响应  })  .catch(error => {    // 处理错误  });});

#file-input {  width: 200px;}