如何使用Axios React Native上传图像？

import React, {useState} from 'react';
import {View, Button, Image, Platform} from 'react-native';
import axios from 'axios';

const UploadImage = () => {
  const [imageUri, setImageUri] = useState(null);

  const chooseImage = () => {
    // 这里使用React Native的ImagePicker或其他库来选择图像
    // 假设选择了图像后，imageUri会被设置为图像的路径
    setImageUri('file://' + '/path/to/your/image.jpg');
  };

  const uploadImage = async () => {
    if (!imageUri) return;

    const formData = new FormData();
    formData.append('file', {
      uri: imageUri,
      type: 'image/jpeg', // 根据你的图像类型调整
      name: 'image.jpg',
    });

    try {
      const response = await axios.post('YOUR_UPLOAD_ENDPOINT', formData, {
        headers: {
          'Content-Type': 'multipart/form-data',
        },
      });
      console.log('Image uploaded successfully:', response.data);
    } catch (error) {
      console.error('Error uploading image:', error);
    }
  };

  return (
    <View>
      <Button title="Choose Image" onPress={chooseImage} />
      {imageUri && <Image source={{uri: imageUri}} style={{width: 200, height: 200}} />}
      <Button title="Upload Image" onPress={uploadImage} />
    </View>
  );
};

export default UploadImage;