ThorOPOriginal post
Web Developer
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:
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
Summary
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.