Hi there, I am trying to upload a picture to my storage in appwrite but it is giving me an error as titled. Here is my code:
TypeScript
let fileUrl;
try {
fileUrl = storage.getFilePreview(appwriteConfig.storageId, fileId, 2000, 2000, "top", 100);
if (!fileUrl) throw new Error("Failed to get file preview");
return fileUrl;
} catch (error) {
console.error("Error in getFilePreviewYes:", error);
throw new Error(error);
}
};
export const uploadFile = async (file) => {
if (!file) return;
const asset = { name: file.name, size: file.fileSize, type: file.mimeType, uri: file.uri };
try {
const uploadedFile = await storage.createFile(appwriteConfig.storageId, ID.unique(), asset);
const fileUrl = await getFilePreviewYes(uploadedFile.$id);
return fileUrl;
} catch (error) {
throw new Error(error.message || "Error Uploading File");
}
};
export const createArtwork = async (form) => {
try {
const image = await uploadFile(form.images);
const newArtwork = await databases.createDocument(appwriteConfig.databaseId, appwriteConfig.galleryCollectionId, ID.unique(), {
title: form.title,
year: form.year,
price: form.price,
edition: form.edition,
dimensions: form.dimensions,
images: image,
users: form.userId,
});
return newArtwork;
} catch (error) {
throw new Error("Failed Creating Artwork Error", error);
}
};```
I am using expo image picker. The permissions are all set properly and the configuration IDs are all set. It gives me a 404 error saying it cannot be accessed.
Any help is appreciated!
TL;DR
Developers are encountering a Network request failed error when trying to upload a picture to their storage in Appwrite. The code appears to be correct, but the issue persists. The error message indicates a 404 error for a file that cannot be accessed. This may be due to incorrect file paths or permissions. Double-check the file paths and permissions to resolve the issue.Recommended threads
- Problem with the new Email policies
when user set those thing from cloud panel and when they open that page again or reload that time it forget what we have checked and it set default to false on ...
- Deleted my account, trying to signup aga...
https://cloud.appwrite.io/console/login?error=%7B%22message%22%3A%22This+email+address+must+already+be+in+its+canonical+form.+Please+remove+aliases%2C+tags%2C+o...
- Unable to create Sites or Functions with...
Heya, I was looking at the appwrite documentation for Sites API with the server api: https://appwrite.io/docs/references/cloud/server-nodejs/sites I can’t fin...