如何在React Native中通过上传图片来获取数据到php服务器

import React, { useState } from 'react';
import { View, Button, Image } from 'react-native';
import ImagePicker from 'react-native-image-picker';

const App = () => {
  const [imageData, setImageData] = useState(null);

  const selectImage = () => {
    ImagePicker.showImagePicker({}, (response) => {
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('ImagePicker Error: ', response.error);
      } else {
        const { uri, data } = response;
        setImageData(data);

        // 发送HTTP请求到PHP服务器
        fetch('http://your-php-server.com/upload.php', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
          },
          body: `imageData=${encodeURIComponent(data)}`,
        })
          .then((response) => response.json())
          .then((responseData) => {
            console.log('Upload success', responseData);
            // 处理服务器返回的数据
          })
          .catch((error) => {
            console.error('Upload error', error);
          });
      }
    });
  };

  return (
    <View>
      <Button title="Select Image" onPress={selectImage} />
      {imageData && <Image source={{ uri: `data:image/jpeg;base64,${imageData}` }} style={{ width: 200, height: 200 }} />}
    </View>
  );
};

export default App;