react native上传二进制图片、视频的方法

在React Native中，你可以使用fetch API来上传二进制图片或视频到服务器。以下是一个简单的例子，展示了如何上传二进制数据：

import React, { useState } from 'react';
import { Button, StyleSheet, Text, View } from 'react-native';
 
export default function App() {
  const [image, setImage] = useState(null);
 
  const uploadImage = async (binaryData) => {
    const blob = new Blob([binaryData], { type: 'image/jpeg' });
    const response = await fetch('YOUR_API_ENDPOINT', {
      method: 'POST',
      body: blob,
    });
    const json = await response.json();
    console.log(json);
  };
 
  const takePhoto = async () => {
    // 假设你已经有了一个image的二进制数据
    const binaryImage = ...; // 你的图片二进制数据
    uploadImage(binaryImage);
  };
 
  return (
    <View style={styles.container}>
      <Button title="Take Photo" onPress={takePhoto} />
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

对于视频，你可以使用类似的方法，只是需要确保你的Blob类型正确标记为视频格式（如video/mp4），并且服务器能够接收这种类型的数据。

确保你的服务器能够处理multipart/form-data类型的POST请求，这通常是上传文件所必需的。如果你的API需要其他参数，你可以使用FormData对象来封装这些数据。