Skip to content

Profile photo upload does not update the UI and sometimes return "Invalid file" #7259

Description

@tavlo-founder

Can we access your project?

  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

We have a profile page where the user can upload a profile picture.

The upload action sometimes returns an "Invalid file" error.

When the upload succeeds, the image is uploaded to Firebase Storage, but the profile picture on the page is not updated and the UI continues to display the default icon inside a Container.

The widget currently uses a Container with a default icon as a placeholder before the user uploads a profile image.

We have already checked Firebase Storage rules, Storage paths, permissions, and the upload action. The issue still occurs.

Expected Behavior

After selecting an image, it should upload successfully to Firebase Storage, update the user's photo URL, and immediately replace the default icon with the uploaded profile picture.

Steps to Reproduce

  1. Create or log into a user account.
  2. Open the profile page.
  3. Tap the profile picture placeholder (Container with a default icon).
  4. Select an image from the device.
  5. The upload sometimes returns "Invalid file".
  6. When the upload succeeds, the file is uploaded to Firebase Storage, but the profile picture is not updated and the default icon remains visible.

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4kz/Lq04xOj7xE0JP5bfp4oGARQ1M1TL03pu0bFEggGLbrBIYMaeLBaVpuXbSrSlZDKEWGiTkK+MqOkfzDGu4nPTeqRoRa/5ZqdAGXWTu/aoTXC5aeXGhCQPFPfVyk3523mQpdBM9tWl473zqEfdzJcB/XHY/6Zwh9f6PHaOI=

Visual documentation

Screenshots attached below showing:

  1. Initial profile page with the default profile icon.
  2. Gallery opens after tapping the profile icon.
  3. After selecting an image, the default icon remains and the profile picture is not updated.
Image Image Image

Environment

- FlutterFlow version: Latest stable version
- Platform:Web
- Browser name and version:Google Chrome (latest)
- Operating system and version affected: macOS

Additional Information

This issue is blocking the implementation of our user profile feature.

We have already verified Firebase Storage rules, upload actions, Storage paths, and permissions.

The profile image widget uses a Container with a default icon as a placeholder.

We would like to understand whether this is a FlutterFlow bug or if there is any required configuration that we are missing.

Metadata

Metadata

Assignees

No one assigned

    Labels

    status: needs triageA potential issue that has not been confirmed as a bug.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions