Multiple Upload Documentation, missing parts?

[Freddy_Blockchain]

I followed the tutorial on: https://www.dmxzone.com/go/32764/dmxzone-app-connect-manual/23316/upload-multiple-files-and-store-their-names-into-a-database

But I don’t get it. There are some missing parts. Why are the File Upload Image not in the Repeat Statement? And there are no Load Image or Any Save Image Actions in the Video. In my case it is not working at all. Only one Image will be uploaded but nothing is stored in DB.

I think it should be like that:

Did not Ben or Hyperbytes some nice Gallery Tutorial? But I don’t know if its Multi - Upload …

[Teodor]

The tutorial you link to is not showing how to resize images.
Image processing steps must be in the repeat as well.

The idea is to put repeat after the file upload step, and the steps in the repeat are being executed for every file uploaded.

[Freddy_Blockchain]

@Teodor ok and I guess I can debug that ? So i see whats wrong?

[Teodor]

Yes you can see if there are any errors: Debugging Problems

[Freddy_Blockchain]

Okay but why is the File Upload not in the Repeat?

[Teodor]

Because you use the upload step as a source for the repeat. The repeat steps runs as many times, as the uploaded files are

[Freddy_Blockchain]

Okay that makes sense. Maybe I forgot that output??

[Teodor]

Please provide a link to your page where i can test what is wrong.

[Freddy_Blockchain]

its only local Environment, but ALso getting doubled the entries in my DB

If i have 3 PICS, it does 6 entries. If I Upload 5 Pics, then it does 10 …

If there is a good Tutorial or Manual, ill try at my own, instead of wasting your time…

[Teodor]

Probably somehow you manage to run the action file twice … what do you have on your page?
Also you are using a regular insert step, right (not a multi insert step)?

I am currently working on all the file upload/manage tutorials. It takes time to produce them, but i am publishing them slowly.

[ben]

It’s all here https://www.youtube.com/watch?v=n5JTFe9ohSY&list=PLUjqTJN3byC9kK8YZkmGwjo9nrEipl2yb&index=8&t=203s

[Freddy_Blockchain]

@ben ! great thats it! @Teodor Ill try the video first and come back to you what was my mistake!

@George it would be great to suggest and link wappler documentation into the forum. As I wasnt able to find it. Most time I‘m bit irritated about these documention mix… dmxzone, wapplerunwrapped, github, forum, youtube videos,…

maybe that would be possible?

[Teodor]

@Freddy_Blockchain the documentation is already available here: https://community.wappler.io/c/docs

[Freddy_Blockchain]

Ok and here is the Frontend Part you did: https://www.youtube.com/watch?v=FGnd3GJVnUM&list=PLUjqTJN3byC9kK8YZkmGwjo9nrEipl2yb&index=18

I’m trying that tomorrow! Thanx to both of you ben and teodor

[Freddy_Blockchain]

Okay I found that mistake. It is working now. Crazy just two very small things were missing. To newbies if you want Upload Multiple Images do not forget to enable this two things to ARRAYS:

In App Structure add the [] behind your UploadFilename

In DOM scroll down and CHECK the “Multiple” field.

[Teodor]

Check this:

Uploading Multiple Files To Your Server

You can upload multiple files to your server using the server side file upload tools available in Wappler. Let’s start with the upload form. We created a simple Bootstrap 4 Layout and it contains a column, so click the add inside button: [Screenshot_13] Open the forms category and add form: [Screenshot_14] In the form click the add inside button: [Screenshot_15] And add Multi File Input: [Screenshot_16] Add some name to your field. Make sure to include [] in the end of the name, just li…

And this:

Inserting Multiple File Names in a Database

You already know HOW TO UPLOAD MULTIPLE FILES TO YOUR SERVER so now we are going to show you how to insert their names or URLs to a database. Open the Server Connect panel: [Screenshot_1] Select your server action, which uploads multiple files to the server and right click steps: [Screenshot_2] Open Database Actions and add Database Connection: [Screenshot_3] Make sure the database connection step is before the file upload step. If it is not, just grab it with your mouse and drag it in th…