Pictures in multi-file uploader

Need help Plugins
1

Hi,

I have uploaded multiple images with the multi-file uploader. I can not find a way to display those images on the page though, what am I missing?

2

Do you also store them in your database? (create new thing from the uploaded files, or work with an API workflow to create new things based on a list)

When they are in a database you can reference them and display as needed.

3

They are a list field in a “thing” and show in the data tab of my app. How would I reference them? I tried slideshow but the field is not an option to choose in the slideshow dialogue.

4

Probably with a repeating group. The data source would be a ‘Search for’ and then select the data type of the files you store. Then use an image element in the repeating group to call the image.

5

I tried that but could not get the pictures to show in the repeating group. Would really love to use a slideshow though.

6

Basic principle:

Setup a repeating group with an ‘Image’ element:

image
image1656×1303 181 KB

Setup the multi file uploader workflow as follows:

image
image746×487 27.8 KB

image
image1050×575 33.3 KB

7

Slideshow:

image
image1787×856 58.8 KB

The data type here is ‘Images’ and there is just one thing (field) called ‘Image’ which is of type image.

image
image874×422 18.7 KB

8

If you want to do it real fancy, you create an API workflow to create the images:

image
image639×815 39.2 KB

Setup your API workflow (create new End Point) like this:

image
image754×840 41.6 KB

Then add this action to the workflow:

image
image805×229 15.9 KB

9

Thank you Vincent, I’ll work through those. I do appreciate the help and the great explanations.

10

@vincent56

Thank you for your tutorial. I’ve tried both methods you’ve described above, but keep getting a type error.
Bubble has changed a few things since you’ve written this, but I’m wondering if you’re still able to accomplish the display of photos through the multi-file uploader on your end?

Thanks in advance!