如何使用Javascript上传网页中的图片？

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

const form = document.getElementById('uploadForm');
const fileInput = document.getElementById('fileInput');

form.addEventListener('submit', (e) => {
  e.preventDefault(); // 阻止表单默认提交行为

  const file = fileInput.files[0]; // 获取选择的文件
  uploadFile(file); // 调用上传文件函数
});

function uploadFile(file) {
  const formData = new FormData(); // 创建一个FormData对象
  formData.append('file', file); // 将文件添加到FormData对象中

  // 发送文件到服务器
  fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(data => {
    console.log('文件上传成功！', data);
    // 在这里可以处理上传成功后的逻辑
  })
  .catch(error => {
    console.error('文件上传失败！', error);
    // 在这里可以处理上传失败后的逻辑
  });
}