آپلود ویدئو در react native

سلام
اگه بخوام فیلم گرفته شده با گوشی را اپلود کنم ، باید قبل از ارسال حجمش را کم کنم و یا بعد از ارسال به سرور؟

نرم افزاری مثل واتساپ قبل از ارسال کم میکنه و یا بعدش؟

و اینکه چطوری فیلم انتخاب شده را اپلود کنم؟
من با کد زیر فیلم را انتخاب و ارسال میکنم سمت سرور

import React from 'react';
import {StyleSheet, Text, View, Button, Image} from 'react-native';
import ImagePicker from 'react-native-image-picker';
const options2 = {
  title: 'Select video',
  mediaType: 'sound',
  path: 'video',
  quality: 1,
  skipBackup: true,
};
export default class Send extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      videoSource: '',
    };
  }

  snedfile = async () => {
    try {
      await fetch('http://192.168.10.190/mehad/api/app/send_App_Send_Taklif', {
        method: 'post',
        mode: 'no-cors',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          ContentType: 'video1',
          dt: '',
          FileExt: '',
          FileName: '1.mp4',
          pfile: this.state.videoSource,
        }),
      });
      alert('fff');
    } catch (e) {
      alert(e);
    }
  };

  chooseFile = () => {
    var options = {
      mediaType: 'video',

      title: 'Select Image',
      width: 20,
      height: 30,
      isVideo: true,
      customButtons: [
        {name: 'customOptionKey', title: 'Choose Photo from Custom Option'},
      ],
      storageOptions: {
        skipBackup: true,
        path: 'images',
      },
    };
    ImagePicker.showImagePicker(options2, response => {

      console.log('Response = ', 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 {
        const source = {uri: response.uri};

        this.setState({videoSource: source});
      }
    });
  };
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.container}>
          <Button title="Choose File" onPress={this.chooseFile.bind(this)} />
          <Button title="send file" onPress={() => this.snedfile()} />
        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  ico: {
    fontSize: 50,
  },
  backgroundVideo: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },
});

این کد با عکس مشکلی نداره و تصویر را توی دیتابیس سرور ذخیره میکنه ولی اگه ویدئو انتخاب کنم رکورد خالی ثبت میشه