Back

[AppwriteException: Network request failed] while creating file to storage in react native

  • 0
  • React Native
ThorOP
16 Jul, 2024, 05:30
TypeScript
const onUpload = async (fileUri: string, filename: string) => {
    try {
      console.log('fileUri: ', fileUri);
      console.log('filename: ', filename);

      const response = await fetch(fileUri);
      const blob = await response.blob();
      const file = new File([blob], filename, {
        type: blob.type,
        lastModified: Date.now(),
      });
      console.log('file: ', file);

      const updatedUser = await AppwriteService.storage.createFile(
        appwriteConfig.appwiteBucketId!,
        ID.unique(),
        file,
      );
      if (updatedUser) {
        Snackbar.show({
          text: 'Profile picture updated',
          textColor: 'white',
          backgroundColor: 'green',
        });
      }
    } catch (error) {
      console.log('error: ' + error);
      Snackbar.show({
        text: 'Something went wrong',
        textColor: 'white',
        backgroundColor: 'red',
      });
    }
  };

Console:

TypeScript
 LOG  fileUri:  file:///data/user/0/com.realtimechatapp/cache/rn_image_picker_lib_temp_12b45e47-2616-4563-9dba-01624184d597.jpg
 LOG  filename:  1000000033.jpg
 LOG  file:  {"_data": {"__collector": {}, "blobId": "b8696e98-a0c4-4c9e-a4b0-745944dc7d91", "lastModified": 1721107789711, "name": "1000000033.jpg", "offset": 0, "size": 143439, "type": "image/jpeg"}}
 LOG  error: AppwriteException: Network request failed
TL;DR
Developers are encountering a `Network request failed` error when trying to create a file in storage using React Native. The error occurs during the fetch operation. Ensure the network connection is stable and the file's URI is correct.
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