cannot upload images in ios simulator/real device due to firebase error

[Pavilion-devs]

[REQUIRED] Environment info

Firebase Version: ^11.4.0

firebase-tools: Version not provided (please run firebase --version and include the output)

Platform: MacOS, iOS (iPad with Expo Go)

[REQUIRED] Test case

// Recipe service implementation using Firebase
import { collection, addDoc, getDocs, query, orderBy, Timestamp } from 'firebase/firestore';
import { getStorage, ref, uploadBytes, getDownloadURL } from 'firebase/storage';
import { db } from './firebase';

// Interface definitions and service implementation as provided in the code snippet
// (Keeping the relevant parts for the image upload issue)

const recipeService = {
  uploadRecipe: async (recipeData: NewRecipe, imageUri: string) => {
    try {
      const storage = getStorage();
      const imageRef = ref(storage, `recipes/${Date.now()}_${recipeData.userId}.jpg`);
      
      const response = await fetch(imageUri);
      if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
      }
      const blob = await response.blob();
      
      if (!blob) {
        throw new Error('Failed to create blob from image');
      }

      const metadata = {
        contentType: 'image/jpeg',
        customMetadata: {
          userId: recipeData.userId,
          recipeTitle: recipeData.title
        }
      };
      
      await uploadBytes(imageRef, blob, metadata);
      // ... rest of the implementation
    } catch (error) {
      console.error('Error in recipe upload:', error);
      throw error;
    }
  }
};

[REQUIRED] Steps to reproduce

1. Initialize a React Native project with Firebase
2. Set up Firebase Storage
3. Attempt to upload an image using the recipe service implementation above
4. The error occurs during the uploadBytes operation

[REQUIRED] Expected behavior

The image should be successfully uploaded to Firebase Storage, and the image URL should be returned for storing in Firestore along with the recipe data.

[REQUIRED] Actual behavior

The upload fails with the following error:

Converting image to blob...
(NOBRIDGE) LOG  Uploading image to Firebase Storage...
(NOBRIDGE) ERROR  Error in recipe upload: [FirebaseError: Firebase Storage: An unknown error occurred, please check the error payload for server response. (storage/unknown)]

Firebase rules

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

Additional context

• Environment: React Native with Expo Go
• Testing Device: iPad
• The issue has persisted for a week despite trying solutions from Stack Overflow
• The blob creation appears successful, but the upload to Firebase Storage fails
• I uploaded a profile picture image when I sign up and that works well and even displayes on my profile page

Attempted solutions

1. Tested on Expo Go on iPad
2. Implemented solutions found on Stack Overflow (https://stackoverflow.com/questions/70052479/firebase-storage-an-unknown-error-occurred-please-check-the-error-payload-for)
3. 3. Image size is about 921KB

[google-oss-bot]

This issue does not have all the information required by the template. Looks like you forgot to fill out some sections. Please update the issue with more information.

[robertbarnesmartin]

I am running into the exact same issue and for the life of me I can't figure our a work around. This is happening with the IOS simulator. What information do you need?

[Pavilion-devs]

@robertbarnesmartin I guess the bot is being aware. I already added more information and made an edit. Today is making it 10 days since I've been stuck on the error. I am currently displaying mock data for now when users try to upload. Then if we get a fix, I can implement it. Luckily my app isn't LIVE yet.

[robertbarnesmartin]

how were you able to: I uploaded a profile picture image when I sign up and that works well and even displayes on my profile page :: ? do you mind showing me the code to do this? I'm unable to upload anything from my IOS Simulator. I can upload docs but not images!

[aalej]

Hey folks, sorry to hear you’re encountering this issue. I want to ask a couple of questions to get a better understanding of the issue:

• Does this occur only on iOS? When running on Android or Web, does the error also get raised?
• Does this error occur when connected to the Storage emulator, or does it also occur when connected to an actual Firebase project? If it’s also occurring on an actual project, then it’s most likely an issue with the SDK. I’d recommend reaching out to Firebase JavaScript SDK repository if that’s the case.

@Pavilion-devs, it looks like the rules you shared is for Firestore. A storage rules that allows read/write operation to authenticated users would look like:

rules_version = '2';

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
}

Could you try updating your Storage rules in case to see if that changes the behavior?

If the error occurs only when connected to the Firebase emulators, could you please share a minimal reproducible example to help us reproduce this? I tried following the steps you provided but I wasn't able to encounter the error.

[robertbarnesmartin]

Firebase is not worth it anymore. I even tried 8.10.0 and still I'm unable to upload images.

[aalej]

I understand that you’re having a difficult time trying to use our product. I want to help you out, but I would need to get a better understanding of the issue, such as if it only occurs when connected to the Firebase Emulator or if it also occurs when connected to a real project.

At the moment, I’m not able to reproduce this. I created this mcve, let me know in case I may be missing anything here.

[google-oss-bot]

Hey @Pavilion-devs. We need more information to resolve this issue but there hasn't been an update in 7 weekdays. I'm marking the issue as stale and if there are no new updates in the next 3 days I will close it automatically.

If you have more information that will help us get to the bottom of this, just add a comment!

[google-oss-bot]

Since there haven't been any recent updates here, I am going to close this issue.

@Pavilion-devs if you're still experiencing this problem and want to continue the discussion just leave a comment here and we are happy to re-open this.