# Multi image upload but with extras

**URL:** <https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420>\
**Category:** Ask for Help\
**Created:** [December 6, 2024, 4:51pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420 "2024-12-06T16:51:23Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 6, 2024, 4:51pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/1 "2024-12-06T16:51:23Z")

</div>

I have a more unique requirement for a multi image upload. I know that function already exist natively in glide however i need users to be able to rearrange the photos once uploaded to the form and keep them in the same order as they were selected by the user when they upload them. The only way I can think of trying to make this work is with the AI custom component but cant seem to get it even close to what im looking for. Any suggestions?

---

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 6, 2024, 5:33pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/2 "2024-12-06T17:33:09Z")

</div>

![Screenshot 2024-12-06 at 12.31.20 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/4/04b7b2153b4d9567f3c41207d5743fc614748e9b.jpeg)  
This is the closest ive gotten to what i need and this is with the custom component, my issue is now I have no idea where it is storing these photos and when i move this component into a form container it breaks the form and nothing gets submitted.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 7, 2024, 12:11am UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/3 "2024-12-07T00:11:28Z")

</div>

> [@Kyle01](#):
>
> This is the closest ive gotten to what i need and this is with the custom component, my issue is now I have no idea where it is storing these photos

Have you tried telling the component to write back to the linked variable whenever a change is made?

---

<div class="post-metadata">

**Author:** ![Charlie\_Oman](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/charlie_oman/32/61048_2.png) [@Charlie\_Oman](https://community.glideapps.com/u/Charlie_Oman)\
**Post date:** [December 7, 2024, 5:57am UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/4 "2024-12-07T05:57:08Z")

</div>

Yea! You could use a kanban for this potentially. Another idea is to write a self contained html file using Claude 3.5 then use a template to pass the url links to the images then use a “html to url” computed column pointed at the template which will give you a web embed to display

---

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 9, 2024, 7:48pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/5 "2024-12-09T19:48:44Z")

</div>

i thought i had it with your suggestion but it keeps breaking the form.

 ![Screenshot 2024-12-09 at 2.45.07 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/6/363ba0d3433c7c885d88988382540c050c3126a4.jpeg)  
 ![Screenshot 2024-12-09 at 2.44.54 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/7/57b80b4aac91ddc6efc0df9b219418694f79331f.jpeg)

---

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 9, 2024, 9:06pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/6 "2024-12-09T21:06:16Z")

</div>

i would really like to be able to pretty much just have the built in multiple image picker but be able to rearrange the photos in the form, would this method work?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 9, 2024, 11:24pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/7 "2024-12-09T23:24:03Z")

</div>

I see you are using a series of columns here, would it be possible to use a “multiple image” column instead?

---

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 10, 2024, 1:10am UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/8 "2024-12-10T01:10:06Z")

</div>

I would like to but it wont show up for the custom component to use

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 10, 2024, 1:27am UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/9 "2024-12-10T01:27:18Z")

</div>

Ah I see the problem. I don’t have a good suggestion for now.

---

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 10, 2024, 1:38am UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/10 "2024-12-10T01:38:37Z")

</div>

thanks for your help, it did get me closer, i just cant seem to get it to actually save the photos to the columns when i submit the form now

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [December 10, 2024, 4:44am UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/11 "2024-12-10T04:44:01Z")

</div>

Try this.

- Add a Joined List column to convert your multiple images column into a comma delimited list of urls. Name it Input.
- Add a Text column and name it Output.
- Add a Split Text column to convert Output into an array. (optional if you need the images as an array)

Once you have those columns, add a custom component with this prompt.

```auto
Bind Input, which is a comma delimited list of image urls. Split the urls and render them as an image gallery. Allow the images to be rearranged using drag and drop. Save the rearranged images as a comma delimited list of urls to bound to Output. If a new image url appear in the bound Input, add it to the end of the bound Output. If an image url is removed from bound Input, also remove the url from bound Output. Input and Output should be the only bound columns.

```

https://www.loom.com/embed/1221be47946f4ca196ed179c95df36b3?sid=c0f03cd6-477e-47c5-b1c5-546c252c73f6

---

<div class="post-metadata">

**Author:** ![Kyle01](https://avatars.discourse-cdn.com/v4/letter/k/a8b319/32.png) [@Kyle01](https://community.glideapps.com/u/Kyle01)\
**Post date:** [December 10, 2024, 4:08pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/12 "2024-12-10T16:08:28Z")

</div>

You are awesome! Works great! thank you!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [December 17, 2024, 4:08pm UTC](https://community.glideapps.com/t/multi-image-upload-but-with-extras/78420/13 "2024-12-17T16:08:50Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
