Back
[AppwriteException: Network request failed] while creating file to storage in react native
- 0
- React Native

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.Recommended threads
- Appwrite realtime didn't work
``` useEffect(() => { const { client } = createClient(); const unsubscribe = client.subscribe(`databases.${process.env.EXPO_PUBLIC_APPWRITE_DATABASE}.t...
- createPhoneToken not working with expo
` const phoneResponse = await account.createPhoneToken(response.$id, phone);` this gives this error: `OTP error: [AppwriteException: Server Error]` * phone i...
- Realtime didn't work in react native exp...
``` useEffect(() => { const { client } = createClient(); const unsubscribe = client.subscribe(`databases.${process.env.EXPO_PUBLIC_APPWRITE_DATABASE}.t...
