Regrettably, within FF, blocks such as "Load/Save Media" do not allow for renaming their variable names (Output), which makes it quite challenging to identify them when dealing with numerous images in the view.
And even this variable name that one writes in the "Load/Save Media" block doesn't appear, strange, right? 😕
The solution for easy identification!!
First, our created the design in the FF editor. The button and the image should always be placed within a container or stack. This is to simplify the creation of component later on, for example:
After, add block 'Load/Save Media' in button created, for example this is my action.
Now we make it a component and we can duplicate it as many times as necessary, we MUST also change the name in the view.
Now we can identify each block "Load/Save Media" and the output "Uploaded Local File" by the identification name of the component.
Using the Form widget and its validation is another example of how proper handling of the 'Load / Save Media' block in the created component helps identify them.
And we can even add a 'Show snack bar' if the image field has not been completed
To write this use translator :c sorry. I am speak spanish. Greetings from Chile!! 😃