Here is a sample of my HTML code:
<div class="images">
<figure>
<button id="upload-add-product" class="icon-plus"></button>
<input id="upload-file" type="file" style="display: none;" multiple/>
</figure>
</div>
<div
...
Below is an example of my JavaScript code:
$("#upload-add-product").click(function(){
$("#upload-file").click();
});
...
You can view the demo and full code here.
My scenario is as follows:
Clicking the plus icon allows me to select 2 images which will then appear in the first and second boxes. The plus icon will move to the third box.
Similarly, selecting 5 images will display them from the first box to the fifth box, with the plus icon disappearing afterward.
Any suggestions on how I can achieve this effect?