How to design a workflow that helps users view and edit their profiles?

Hi,
I am building an app in which users can edit and save their profiles. This profile has multiple user photos and other bio data. I want to know how a user can “edit”, “save” and later also “delete” pictures on his profile. I found a way to edit and retain text data. I tried to emulate the same for images/files but it doesn’t seem to work. How can I enable my users to save and edit pictures/files data?

I will explain the workflow here to edit and retain text values in one single page:
There is an input box that asks for the user’s first name → the user inputs his first name and presses the button “Save” → the workflow saves the user’s first name as a field called “First Name” (text value) in the user database → the input box has another condition for “initial content” field where I put the dynamic value “Current User’s First Name”.

That is how when everytime the user edits the “first name” value and presses “save” the new value is displayed in the input box. This enables the user to edit and save continuously.

How can I achieve the same user experience for pictures/files?

Please take a look at my example workflow here: test-feature-profile | Bubble Editor

Preview without refreshing the page:

Preview after pressing save or after refreshing the page (the pictures can be seen in the database but disappear from the user’s frontend) :

1 Like

I am looking for similar advice. Sorry I cant help!