使用react native axios上传图像

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

const ImageUpload = () => {
  const handleImageUpload = async () => {
    // 这里添加上传图像的逻辑
  };

  return (
    <View>
      <Button title="上传图像" onPress={handleImageUpload} />
    </View>
  );
};

const handleImageUpload = async () => {
  const formData = new FormData();
  formData.append('image', {
    uri: 'file://path/to/image.jpg',
    name: 'image.jpg',
    type: 'image/jpg',
  });

  try {
    const response = await axios.post('your_upload_endpoint', formData);
    console.log(response.data);
    // 处理上传成功后的逻辑
  } catch (error) {
    console.error(error);
    // 处理上传失败后的逻辑
  }
};

import React from 'react';
import { View } from 'react-native';
import ImageUpload from './ImageUpload';

const App = () => {
  return (
    <View>
      {/* 其他组件 */}
      <ImageUpload />
    </View>
  );
};

export default App;