如何通过FormData将图像上传到React Native中的API

时间:2020-04-05 17:22:19

标签: reactjs react-native axios form-data

我可以通过邮递员将图像上传到服务器: 这是我的邮递员配置的图片。 Postman Config 我正在使用Axios,这是我的配置:

uploadPhoto = () => {
    let formdata = new FormData();
    let i = {
      uri: this.state.profilePhoto.uri,
      type: "multipart/form-data",
      name: `image.jpg`,
    };
    formdata.append("user[image]", i);

    console.log("This is formdata", formdata);
    Axios.put(EDIT_PROFILE_API, {
      headers: {
        "Content-Type": "multipart/form-data",
        apisecret: this.props.api_secret,
      },
      body: formdata,
    })
      .then((response) => {
        response.text().then((res) => {
          console.log(res);
        });
      })
      .catch((error) => {
        console.log(error, "Image is not uploaded");
      });
  };

当我尝试将其上传到服务器时,它给我一个错误。我做错了什么?

我收到以下错误消息:enter image description here

0 个答案:

没有答案