
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
- Sharing cookies
Hi, I’m using Appwrite Cloud, and I have a setup where my Appwrite backend is hosted on a subdomain (e.g., api.example.com), while my frontend (Next.js app) and...
- Custom Domain Issue
i have added a custom domain about 21 hours ago, but till now there is no SSL certificate is active on it. but if i do DNS check via https://dnschecker.org/#C...
- Flutter OAuth2 Google does not return to...
When the flow starts, the browser opens, I select an account, and it keeps showing: """ Page not found The page you're looking for doesn't exist. `general_rout...
