Rn-fetch-blob on iOS upload image with RNFetchBlob

Question

I try upload image on server with this code:

    updateAvatar(token, photo) {
    return postImage(
      "http://lk.skilla.ru/myapi/updateAvatar",
      [
        {
          name: "avatar",
          filename: "avatar.jpg",
          type: "image/jpg",
          data: Platform.OS === "android" ? RNFetchBlob.wrap(photo) : photo,
        },
      ],
      token
    );
  },
const postImage = (url, params, token) => {
  return RNFetchBlob.config({ fileCache: true, appendExt: "jpg" })
    .fetch(
      "POST",
      url,
      { Authorization: token, "Content-Type": "multipart/form-data" },
      params
    )
    .then((res) => {
      console.log("response");
      console.log(res.text());
        return Platform.OS === 'android' ? 'file://' + res.path() : '' + res.path()
    })
    .catch((error) => console.log(error));
};

And on android all work fine, but on iOS file returned by RN-Fetch-Blob does not exist. How to wrap url on iOS? RNFetchBlob.wrap don't work

bjjeong · Accepted Answer · 2020-09-15 20:19:41Z

3

This is how I got it to work for me.

const filePath = Platform.OS === 'ios'
    ? res.path().replace('file:///', '').replace('file://', '')
    : res.path().replace('file://', '').replace('file:/', '');

answered Sep 15, 2020 at 20:19

bjjeong

2061 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rn-fetch-blob on iOS upload image with RNFetchBlob

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related