如何使用fetch API通过原生react将图像发布到DB？

import React, { useState } from 'react';

const ImageUploader = () => {
  const [selectedImage, setSelectedImage] = useState(null);

  const handleImageUpload = () => {
    const formData = new FormData();
    formData.append('image', selectedImage);

    fetch('/api/upload', {
      method: 'POST',
      body: formData,
      headers: {
        // 设置请求头部信息
        'Content-Type': 'multipart/form-data',
      },
    })
      .then(response => {
        if (response.ok) {
          // 处理成功的响应
          console.log('Image uploaded successfully');
          // 可以执行其他操作，例如显示成功消息或重置表单
        } else {
          // 处理错误的响应
          console.error('Image upload failed');
        }
      })
      .catch(error => {
        console.error('Error uploading image:', error);
      });
  };

  const handleImageChange = event => {
    setSelectedImage(event.target.files[0]);
  };

  return (
    <div>
      <input type="file" onChange={handleImageChange} />
      <button onClick={handleImageUpload}>Upload Image</button>
    </div>
  );
};

export default ImageUploader;