如何在React Native中将图像上传到服务器

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

const App = () => {
  const [image, setImage] = 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 source = { uri: response.uri };
        setImage(source);
      }
    });
  };

  const uploadImage = () => {
    if (image) {
      const data = new FormData();
      data.append('image', {
        uri: image.uri,
        type: 'image/jpeg',
        name: 'myImage.jpg',
      });

      axios.post('https://example.com/upload', data)
        .then((response) => {
          console.log(response.data);
          Alert.alert('Image uploaded successfully!');
        })
        .catch((error) => {
          console.error(error);
          Alert.alert('Failed to upload image.');
        });
    } else {
      Alert.alert('Please select an image first.');
    }
  };

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      {image && <Image source={image} style={{ width: 200, height: 200 }} />}
      <Button title="Select Image" onPress={selectImage} />
      <Button title="Upload Image" onPress={uploadImage} />
    </View>
  );
};

export default App;