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
- OAuth2 Error: invalid success param url ...
Hi everyone! I'm trying to implement Google OAuth2 login in a React Native app (using the Android simulator) with Appwrite Cloud, and I'm getting the following ...
- Relationships restricted to a max depth ...
When I do query like: ``` await _databases.listDocuments( databaseId: AppwriteConfig.DATABASE_ID, collectionId: AppwriteConfig.SERVICES_COLLECTI...
- issue authenticating new user : [Appwrit...
i am currently facing an issue that didn't appear except few days back now, and so far i've tried and can't fix it i created a platform integration using my app...
