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

时间:2020-05-03 10:07:03

标签: react-native file-upload axios react-native-image-picker

我使用react-native-image-picker,成功地从相机拍摄了照片后,我想将它们上传到服务器。这是我上传图片的Axios PUT代码:

updateBodyTemperature = async () => {
    try {
      let fistNumber = this.state.textOne.toString()
      let secondNumber = this.state.textTwo.toString()
      let thirdNumber = this.state.textThree.toString()
      let resultOutputNumber = fistNumber + secondNumber + ',' + thirdNumber
      let fd = new FormData()
      fd.append('image', 'file:///' + this.state.markResult)
      let response = await API.put(
        'vendor/tenant-users/body-temperature-data',
        {
          'image': fd,
          'temperature': resultOutputNumber
        },
        {
          headers: {
            'Authorization': 'Bearer ' + await AsyncStorage.getItem(Config.VENDOR_ACCESS_TOKEN),
            'Content-Type': 'multipart/form-data'
          }
        })
      alert('Berhasil')
      if (response.data.success){
        this.setState({isFull: true})
      }


    } catch (error) {
      console.log(error.response)
      alert('Gagal')

    }

  }

如果有链接或来源,请提供帮助,请帮助,谢谢。

1 个答案:

答案 0 :(得分:0)

要在React Native中轻松上传图片,您可以使用

            $scope.employee = {};
            $scope.employee = listFactory.get({id: $routeParams.id });
            $scope.employee.$promise.then(function(data) {
                console.log(data);
                //$scope.employee = data[$routeParams.id];
                angular.forEach( data,function(employee){
            console.log(employee);
            if( employee.email == $routeParams.id ){
                $scope.employee = employee;
            }

             });
            
    });