Back

Getting network request failed when trying to upload image to bucket in react native

  • 0
  • React Native
  • Storage
  • Cloud
៚მղოօl៚
8 Jan, 2025, 09:02

so, this is the exact error i'm getting

TypeScript
 (NOBRIDGE) ERROR  Error uploading file: [AppwriteException: Network request failed]```

and this is my code 

``` const AvatarHandle = async() => {
    let avatar = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ['images'],
      allowsEditing: true,
      aspect: [4,3],
      quality: 1,
    })

    if(!avatar.canceled) {
      setImage(avatar.assets[0].uri);
      const sessione = await account.get();
      try {
        const response = await fetch(avatar.assets[0].uri);
        const blob = await response.blob();
        const file = new File([blob], "image.jpg", { type: "image/jpeg" });
        console.log("Uploading file to storage...");
        const uploadedFile = await storage.createFile('BucketID', 'unique()', file);
        console.log("File uploaded successfully:", uploadedFile);
      } catch (error) {
        console.error("Error uploading file:", error);
        Toast.show({
          type: 'error',
          text1: 'Upload Failed',
          text2: 'Network request failed. Please try again.'
        });
      }
    }
  }```
TL;DR
Developers are experiencing a network request failed error when trying to upload an image to a bucket in React Native using Appwrite. The code appears to be set up correctly, but the issue persists. A possible solution could be to double-check the BucketID and ensure that all permissions are correctly set up in the Appwrite console.
៚მղოօl៚
8 Jan, 2025, 09:24

Though, everything else is just working fine, database & auth are just running smoothly. I tried a lot but seems issue is with appwrite, I just can't figure it out

Reply

Reply to this thread by joining our Discord

Reply on Discord

Need support?

Join our Discord

Get community support by joining our Discord server.

Join Discord

Get premium support

Join Appwrite Pro and get email support from our team.

Learn more