react native storage.createFile not working

HassoNOriginal post

Web Developer

May 23, 2024, 21:06

Hey, I have been stuck on this issue for 2 days trying every approach but I couldn't solve it alone. I am unable to upload photos to my appwrite storage. Here's the function that handles uploading:

JavaScript

export async function uploadFile(file, type) {
  if (!file) return;

  const { mimeType, ...rest } = file;
  const asset = { type: mimeType, ...rest };

  try {
    const uploadedFile = await storage.createFile(
      appwriteConfig.storageId,
      ID.unique(),
      asset
    );

    const fileUrl = await getFilePreview(uploadedFile.$id, type);
    return fileUrl;
  } catch (error) {
    throw new Error(error);
  }
}

and here's the function that handles getting the photo from the user

JavaScript

import React, { useState } from "react";
import * as ImagePicker from "expo-image-picker";
import { Alert } from "react-native";

const PhotoPicker = () => {
  const [photo, setPhoto] = useState(null);

  const pickImage = async () => {
    try {
      const result = await ImagePicker.launchImageLibraryAsync({
        mediaTypes: ImagePicker.MediaTypeOptions.Images,
        allowsEditing: true,
        aspect: [4, 3],
        quality: 1,
      });

      if (!result.cancelled) {
        setPhoto(result.assets[0]);
      } else {
        console.log("Image selection cancelled");
      }
    } catch (error) {
      console.error("Error picking image:", error);
      Alert.alert("Error", "Failed to pick image. Please try again.");
    }
  };

  return { photo, pickImage };
};

export default PhotoPicker;

Summary

Developers are having trouble with the `react native storage.createFile` function not working for uploading photos to an appwrite storage. The code snippets provided show a function for uploading files and a component for getting a photo from the user. The issue seems to be related to the `storage.createFile` method not functioning correctly for uploading photos. Further debugging and testing of the `uploadFile` function are recommended to identify and resolve the problem.

react native storage.createFile not working

Need support?_