Micke Alm
 · Head of User Experience at Steven, free-time builder/founder

A couple of questions on image upload/gallery functionality

Hi guys,
I've arrived at the gallery part of my app, so time for an entirely new area of exploration with lots of questions, but I guess they all fall under the umbrella of "How do I implement standard patterns?"

My current thinking/setup is to upload and display in local bytes to save Firebase writes (is this correct?), and I have that part working. Images upload and display locally just fine, but I want the additional features of:
1. Show an upload indicator per image (imagine the usual box that fills the image container until 100%) – no idea how
2. Have the ability to delete an image from the local bytes list – I'm guessing indexes and custom code?
3. Disable the submit button while uploading – I found the "Is data uploading"-boolean, but can't figure out how to make it work, if it's even the correct thing
4. Per image error handling, so I know which one failed and can salvage the operation as a user – no idea how

I'm thinking this community must have come up against problems that feature standard patterns like this time and time again, so hopefully someone has best practices to be shared with all of us 🙏

7 replies