如何使用 Axios React Native 上传图片？答案

【问题标题】：How To Upload Image Using Axios React Native?如何使用 Axios React Native 上传图片？
【发布时间】：2020-08-17 17:26:48
【问题描述】：

我使用 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')

    }

  }

如果有链接或出处，请帮忙，谢谢。

【问题讨论】：

你有什么错误吗？
this.state.markResult 的结果是什么？
是的，兄弟，我的图片无法上传。 this.state.markerResult 是用户抓图时，会加水印的时间。

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

【解决方案1】：

为了在 React Native 中轻松上传图片，您可以使用

https://www.npmjs.com/package/rn-fetch-blob

【讨论】：