How to take photos and upload multiple images on phone?

I have a form on a web page, the form includes a file input field. I have followed one of the tutorials below to show thumbnails of the chosen images before upload. All good.

My problem…
If I select two images (as per screenshot above) and decide to add a third image, I would click on “Choose your file(s)…” again and select the additional image, BUT I then lose the first two images. Not good.

This happens on both desktop and mobile device.

On a desktop machine I may want to select two images but from different folders, this can’t be done.

On a mobile device I may wish to add three images and also take two photographs all to be uploaded in a single form, but this won’t work.

This is how the File Input Properties are set…

image

Help please, I know this can be done with php because I have done it prior to Wappler.

Show Image Preview Before Upload

File Management

Community Page
Last updated: