Multiple image upload guide

nurzhan · 2020-07-01T14:24:03.717Z

Hello everyone recently i faced idea of preshowing multiple uploaded images of item, at add item page
i found out it could made by plugin Multiple image but implementation is ugly (my opinion)

so i want to share my solution and would like to hear feedback from you about implementation is it any good or has issues i didnt thought about

so this is what i wanted to pre-show images on add item page

image (3)878×932 56.6 KB

fisrt of all lets imagine workflow

image4889×703 39.4 KB

we need to create “buffer zone”

data type787×339 12.7 KB

i called it temporaryimages with image and list of images
so when upload image is clicked list of images add image from upload

image (1)618×617 19.4 KB

then on second step i would reset relevant input, means that upload image would reset

image (4)1013×346 52.9 KB

image654×538 17.7 KB

rest

image (2)1020×321 56 KB

and after you finish filling all inputs and press create item

you would delete data from temporaryimages

image654×538 17.7 KB

so final workflow is this

image3846×687 42.2 KB

ryancolgin · 2021-01-24T06:04:47.175Z

This is a nice solution and something I may attempt for my photo presentation app. This would allow me to show the user thumbnail previews and the ability to add a caption next to the photo. Then I can record everything in the database and present it on a page with multiple images and their corresponding captions.