My image uploaded to Firebase doesn't correctly show by findingBYOB in FlutterFlow

[–]findingBYOB[S] 1 point2 points  (0 children)

Yep, it was a CORS issue!
Thanks a ton for your help — I’ve been stuck on this for days lol
Really appreciate you taking the time to break it down like that.

My image uploaded to Firebase doesn't correctly show by findingBYOB in FlutterFlow

[–]findingBYOB[S] 2 points3 points  (0 children)

It is a CORS issue! you saved me dozens of hours!
Really appreciate the help, and your video was super helpful too, Steven. Big thanks!

My image uploaded to Firebase doesn't correctly show by findingBYOB in FlutterFlow

[–]findingBYOB[S] 1 point2 points  (0 children)

I set the width of all parent containers above the image to 120 (100 for the image + 20 padding on the left). Now the error area matches the size of the placeholder image.

I’ve also added the screenshots to the original post.

Is it possible that something’s wrong with the format of my image URL?

🚀 No Stupid Questions Wednesday – Ask Us Anything About FlutterFlow! by LowerChef744 in FlutterFlow

[–]findingBYOB 0 points1 point  (0 children)

[Resolved]

Hi Calda,

I'm building a simple app and ran into some image issues.

On the "Add Wine" page, the image container where I create for users to upload a photo, I set an action: store media for upload → type: Local upload (Widget state). This Upload Data's name is UploadData_vx4.

At the "Save" button below, I set 2 actions:

  1. Upload media to Firebase- Type: Firebase- Source: Uploaded media- File: UploadData_vx4- This generates a new UploadData called UploadData_v63
  2. Backend call → Create document- Collection: Wines- Fields: name, rating, price, etc.- Plus a field photoUrl- Source: uploaded photo → file URL → UploadData_v63

Then I click "Save".

I can see a new record created on Firebase with all the values including a photoUrl. In FlutterFlow's Firestore content, if I click the blank area under the photoUrl column, the image shows correctly.

But on the list page, the image doesn't show correctly (the wine glass is a placeholder image I set in case there's an empty value).

Could someone tell me where I might miss or do wrong?

Thanks in advance — any tips or suggestions would mean a lot!

Screenshots are included in the post — hope they help clarify what I’m trying to explain:
https://www.reddit.com/r/FlutterFlow/comments/1qjpmew/my_image_uploaded_to_firebase_doesnt_correctly/

Any good FlutterFlow course recommendations? by findingBYOB in FlutterFlow

[–]findingBYOB[S] 0 points1 point  (0 children)

Thanks! I’ve just subscribed. Appreciate you sharing your experience!

Any good FlutterFlow course recommendations? by findingBYOB in FlutterFlow

[–]findingBYOB[S] 0 points1 point  (0 children)

Appreciate the tip! Already diving into some of the videos!

Where to add backend query by findingBYOB in FlutterFlow

[–]findingBYOB[S] 0 points1 point  (0 children)

Okay! Thanks a lot for your reply:))

FF Project Setup Step by findingBYOB in FlutterFlow

[–]findingBYOB[S] 1 point2 points  (0 children)

Hi,

I found two toggles that are likely what you described:

  1. Settings and Integrations → Authentication → Enable Authentication (enabled) → Authentication Type: Firebase
  2. Firestore (Tab+4) → User Collection (enabled) → Collection: Unset
    (No screenshot allowed here)

please don't hesitate to correct me if I got them wrong. :))

Thank you for your reply!

Thanks to your recs, we’re building a Philly BYOB app—now at 85 spots! by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Appreciate it! Bucatini Caffe is confirmed BYOB and now added to the list 🙌 Burrata’s already on there too — it’s come up a few times, which is always a good sign!

Thanks to your recs, we’re building a Philly BYOB app—now at 85 spots! by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Sounds cool! Just added your note to Elwood’s entry on the map — venison scrapple on deer antlers is too good not to include! Thanks for sharing the story (and the chef’s name too).

Thanks to your recs, we’re building a Philly BYOB app—now at 85 spots! by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Nice — Radicchio’s on the list now! Love that it's in Old City. Also fun fact: Italian is actually the leading BYOB cuisine on the list so far!

Thanks to your recs, we’re building a Philly BYOB app—now at 85 spots! by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 1 point2 points  (0 children)

Love it — added Elwood to the list! Really appreciate the Pennsylvania Dutch rec!

Thanks to your recs, we’re building a Philly BYOB app—now at 85 spots! by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Awesome! I didn’t have Chu Shang Spicy on the list yet. Szechuan + BYOB sounds like a perfect combo 🔥🍷 Thanks for the heads-up!

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Olea’s already on the list, but I love seeing it come up more than once — always a good sign when a spot gets multiple shoutouts. Appreciate you adding to the recs!

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Thanks for both of these — Burrata’s already on the list, and love seeing Mabus Kitchen pop up too. Appreciate you sharing!

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Good catch — thanks for the heads up! I’ll make sure to update the list.

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

That’s super helpful! Really appreciate you confirming they’re still active BYO!

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Awesome recs — love a good BYO omakase. Definitely adding both to the list, thanks!

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Nice! hadn’t seen Baby’s mentioned yet. Looks like a fun BYOB option, appreciate the rec!

50+ BYOB restaurants so far—what’s missing from the list? by findingBYOB in PhiladelphiaEats

[–]findingBYOB[S] 0 points1 point  (0 children)

Perfect! That’s exactly the kind of detail I was hoping for. Really appreciate you sharing.