Resizing Multiple Images on Upload

I am following this tutorial:

And all is well. My question is that I have to resize all the images to create thumbnails and save large and thumbnail versions of the images. I know how to do that as well. But my trouble is in a multi-upload where do I place all the image processing steps? Before or after the repeat?

Hey Brad,
Place it Inside the repeat.

Thanks Teodor, so the upload is outside the repeat and everything else is inside the repeat?

Yes, as you repeat what comes from the upload. I.e. you repeat the steps inside the repeat for each uploaded image.

1 Like

Perfect. Just what I needed to know. Thank you.

I need to resize the images uploaded twice. Do I include the Load Image twice?

  • Connection
  • Upload Image
  • Repeat
    – Load Image
    – Resize Image
    – Save Image
    – Load Image
    – Resize Image
    – Save Image
    – Insert Record

Is that the correct order?

Also, does the multi file input field still need the [ ] or is the multiple=" " the same thing?

Nevermind, I got it working!!! Works so slick! Loving Wappler.


Hey Brad - when are you going to start shooting videos from all those great experiences you got with Wappler! Other people can really learn from your practical usage examples.

Haha, maybe once I learn how to do it myself. Right now there is just too many hours of doing it wrong before I get it right. And the fact that I am out of web projects I can build until some sort of shopping cart system is available. So it may be awhile before I get to do any more Wappler work. :frowning:

Well, I have a mobile app to build but I may have to tell my employer that I can't do it because I don't know how any more. I just can't figure out how to do anything with Framework7 at all. Can't even get started.

But I would love to do videos, I'm just not good enough yet. Someday .....