React Native 上传文件或图片 - 使用 react-native-image-picker

在 React Native 中，可以使用'react-native-image-picker' 库来上传文件或图片。下面是一个简单的示例代码：

首先，需要安装'react-native-image-picker' 库：

npm install react-native-image-picker

然后，导入所需的模块：

import ImagePicker from 'react-native-image-picker';

接下来，创建一个函数来选择图片并上传：

const selectImage = () => {
  const options = {
    title: 'Select Image',
    mediaType: 'photo',
    quality: 1
  };

  ImagePicker.showImagePicker(options, response => {
    if (response.didCancel) {
      console.log('User cancelled image picker');
    } else if (response.error) {
      console.log('ImagePicker Error: ', response.error);
    } else if (response.customButton) {
      console.log('User tapped custom button: ', response.customButton);
    } else {
      // 上传图片的逻辑
      // 可以使用fetch或其他网络请求库将文件上传到服务器
      const formData = new FormData();
      formData.append('file', {
        uri: response.uri,
        type: response.type,
        name: response.fileName
      });

      fetch('UPLOAD_URL', {
        method: 'POST',
        body: formData,
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      })
        .then(response => response.json())
        .then(result => {
          console.log('Upload success:', result);
        })
        .catch(error => {
          console.error('Upload error:', error);
        });
    }
  });
};

在上面的代码中，'ImagePicker.showImagePicker' 方法用于打开系统的图片选择器，在用户选择一张图片后，会返回一个'response' 对象，其中包含了选中的图片的相关信息。

然后，可以使用'fetch' 或其他网络请求库将选中的图片上传到服务器。在上面的示例中，使用了'FormData' 来构建请求体，并将选中的图片作为文件上传到了服务器。

注意，'UPLOAD_URL' 需要替换为实际的上传地址。

最后，调用'selectImage' 函数即可触发图片选择和上传的过程。

以上就是使用 React Native 上传文件或图片的简单示例。根据具体需求和后端接口，可能还需要进行相应的调整和处理。