React本机上传图像到iOS上的服务器

import React, { useState } from 'react';
import Dropzone from 'react-dropzone';

const ImageUpload = () => {
  const [uploadedImage, setUploadedImage] = useState(null);

  const handleImageUpload = (files) => {
    const formData = new FormData();
    formData.append('image', files[0]);

    fetch('http://your-ios-server-url/upload', {
      method: 'POST',
      body: formData,
    })
      .then(response => response.json())
      .then(data => {
        // 处理上传成功后的响应数据
        console.log('上传成功:', data);
      })
      .catch(error => {
        // 处理上传失败的情况
        console.error('上传失败:', error);
      });
  };

  return (
    <div>
      <Dropzone onDrop={acceptedFiles => setUploadedImage(acceptedFiles[0])}>
        {({ getRootProps, getInputProps }) => (
          <div {...getRootProps()}>
            <input {...getInputProps()} />
            <p>拖放文件到这里，或点击选择文件</p>
          </div>
        )}
      </Dropzone>
      {uploadedImage && (
        <img src={URL.createObjectURL(uploadedImage)} alt="上传的图像" />
      )}
      {uploadedImage && (
        <button onClick={() => handleImageUpload([uploadedImage])}>
          上传图像
        </button>
      )}
    </div>
  );
};

export default ImageUpload;