React native image upload getting network error

Question

'react-native-image-picker' for uploading image in my application, Sometimes it is uploading and sometimes i am getting [TypeError: Network request failed] below is the code:

FormData in my component:

//image is :file:///data/user/0/com.testApp/cache/rn_image_picker_lib_temp_0d38d959-6ece-4750-a215-4b3f68002f4e.jpg
let formData = new FormData();
  formData.append('images', { uri:image, name: imageSelected?.fileName, type: 'image/png' });
const response =  await updateUserProfile(userDetails,formData)

Service call:

 export const updateUserProfile = async (userDetails,data) => {
    const response = await fetch(`${baseUrl}/updateusersprofile/${userDetails._id}`, {
        method: "PATCH",
        headers: {
          //"Content-Type": "application/json",
          'Content-Type': 'multipart/form-data',
          Authorization: `Bearer ${userDetails.token}`,
        },
        body: data,
      });
    return await response;
  };

In Postman i have checked the api is working fine, What would be the problem in my code.

You sure the type you've passed is correct? Instead of passing a static type:'image/png', pass the type retrieved from the image picker. — Tayyab Mazhar, Commented Jan 20, 2023 at 7:30
@TayyabMazhar It is working fine now after changing type to dynamic, still it is failing sometimes — sudhir_arium, Commented Jan 20, 2023 at 10:35

moken · Accepted Answer · 2023-01-23 12:49:16Z

0

 export const updateUserProfile = async (userDetails,data) => {
    const response = await fetch(`${baseUrl}/updateusersprofile/${userDetails._id}`, {
        method: "PATCH",
        headers: {
          //"Content-Type": "application/json",
          'Content-Type': 'multipart/form-data',
          Authorization: `Bearer ${userDetails.token}`,
        },
        body: JSON.stringify(data),
      });
    return await response;
  };

edited Jan 23, 2023 at 12:49

moken

6,76512 gold badges29 silver badges40 bronze badges

answered Jan 21, 2023 at 10:30

Kuldeep

1

Answer needs supporting information Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center stackoverflow.com/help/how-to-answer.
– moken
Commented Jan 23, 2023 at 10:34

Add a comment |

Collectives™ on Stack Overflow

React native image upload getting network error

1 Answer 1

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Related