RNFetchblob Fetch API call, Formdata works in Android and works only sometimes in IOS React native

Question

I'm using RnfechBlob for uploading images in blob format, it's properly working in Android and only works sometimes in ios, I'm getting a error as : cannot parse response in IOS.

return await RNFetchBlob.fetch(
  "POST",
  `${urlToUpload}`,
  {
    Authorization: "Basic ZGF2aXM6c2U3ZW5zZTdlbg==",
    "Content-Type": "multipart/form-data",
    otherHeader: "foo",
  },
  [
    {
      name: "filedata",
      filename: `image.png`,
      type: "image/png",
      data: RNFetchBlob.wrap(imgpath),
    },
  ]
)
  .uploadProgress({ interval: 5 }, (written, total) => {
    total = written / total;
    console.log("uploaded", total * 1);
  })
  .then((response) => response.json())
  .then(async (d) => {
    console.log("dddd", d);
    return d.url;
  })
  .catch((err) => {
    console.log("Error in adding a comment", err, err.message);
  });

Answer 1

I had the same issue I found that url is coming late in response. so I did some modifications in code and that worked. Let me know if that works for you!.

const data = await RNFetchBlob.fetch(
  "POST",
  `${urlToUpload}`,
  {
    Authorization: "Basic ZGF2aXM6c2U3ZW5zZTdlbg==",
    "Content-Type": "multipart/form-data",
    otherHeader: "foo",
  },
  [
    {
      name: "filedata",
      filename: `image.png`,
      type: "image/png",
      data: RNFetchBlob.wrap(imgpath),
    },
  ]
)
  .uploadProgress({ interval: 5 }, (written, total) => {
    total = written / total;
    console.log("uploaded", total * 1);
  })

  if(data.url ){
    return data.url
  }  
  else{
    console.log("error",data)
    return "error"
  }