# Send a multi image picker to Webflow via API

**URL:** <https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014>\
**Category:** APIs\
**Created:** [June 30, 2021, 4:31pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014 "2021-06-30T16:31:44Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [June 30, 2021, 4:31pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/1 "2021-06-30T16:31:44Z")

</div>

Hi, I am trying to send a list of images to Webflow via a Post Request but in webflow nothing is showing. My API post request works just fine with single items. Meaning I can send all other data including a single image but the array of images isn’t working.  
My API connection looks like this see image.  
and my workflow like this see image. Any help, please

 ![Screenshot_10](https://us1.discourse-cdn.com/bubble/original/3X/d/1/d1aa022e2ca2f4d8bd69e037338e5692ce30e9f7.jpeg)

 ![Screenshot_11](https://us1.discourse-cdn.com/bubble/original/3X/7/b/7b2bd2896c7781fecc4a8a33cceb04accba12d0c.jpeg)

Here how the flow works they are separated by comma

 ![Screenshot_1](https://us1.discourse-cdn.com/bubble/original/3X/e/3/e3eebc667f6288f449a3c1def6ddc739cede2763.jpeg)  
And this is a webflow when recieveng data  
 ![Screenshot_2](https://us1.discourse-cdn.com/bubble/original/3X/f/d/fd23e5328f8f79341d112c352f63feecd7d47481.jpeg)

---

<div class="post-metadata">

**Author:** ![dan8](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/dan8/32/33110_2.png) [@dan8](https://forum.bubble.io/u/dan8)\
**Post date:** [June 30, 2021, 7:39pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/2 "2021-06-30T19:39:20Z")

</div>

My instant thought is how does Webflow want it?

I assume they accept a list because the UI says image plural. So my hunch is work backwards. If you have an array of images in webflow and export it, what does it look like and what could the delimiter be? Maybe try ; ?

I know postman is a great place to test but you also need to know how the receiver wants the payload delivered.

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [June 30, 2021, 8:09pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/3 "2021-06-30T20:09:40Z")

</div>

Thank you @dan8 this is what works if i make a post manually via Postman or bubble API Setup

 ![Screenshot_1](https://us1.discourse-cdn.com/bubble/original/3X/5/9/59de1c90b5c5470da7bf1edb935d87d59663fed3.jpeg)

---

<div class="post-metadata">

**Author:** ![dan8](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/dan8/32/33110_2.png) [@dan8](https://forum.bubble.io/u/dan8)\
**Post date:** [July 1, 2021, 1:13am UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/4 "2021-07-01T01:13:26Z")

</div>

Ok so to pass the array, it needs to be in the format like [“url1”, “url2”, “url3”]

Try that format in value box.

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 1, 2021, 3:21pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/5 "2021-07-01T15:21:18Z")

</div>

> [@dan8](#):
>
> “url1”, “url2”, “url3”

Thanks, @dan8 but if I put an array in there it either returns an error that the format is wrong or if I put a comma-separated list like url1,url2,url3 it returns the body without the multi image key-value pair.  
I am almost in disbelief that this is happening.

---

<div class="post-metadata">

**Author:** ![dan8](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/dan8/32/33110_2.png) [@dan8](https://forum.bubble.io/u/dan8)\
**Post date:** [July 2, 2021, 3:34am UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/6 "2021-07-02T03:34:42Z")

</div>

Yes it’s not clear for sure. Usually with Bubble there is a way though.

Have you checked this as it seems to be the same issue: [Form-Data Array Value Bubble API Connector to Twilio API](http://forum.bubble.io/t/form-data-array-value-bubble-api-connector-to-twilio-api/127358)

---

<div class="post-metadata">

**Author:** ![Jici](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jici/32/30722_2.png) [@Jici](https://forum.bubble.io/u/Jici)\
**Post date:** [July 2, 2021, 3:42am UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/7 "2021-07-02T03:42:57Z")

</div>

What I see is that you need to provide an array of url in json.  
So the payload will be:

```auto
... "payment-method-logo": [<"list_of_image>"],...

```

The list of image field will be dynamically fill using  
image fields list: formatted as text  
In format as text you will use

```auto
{"url: "This image's url"}

```

and you set join with , (comma)

If you are getting image from bubble storage, you may need to add the https part before “this image’s url”

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 2, 2021, 12:56pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/8 "2021-07-02T12:56:55Z")

</div>

![Screenshot_1](https://us1.discourse-cdn.com/bubble/original/3X/f/1/f18b4d517bc7fb15341062c85b3313b6951ef33a.jpeg)  
@Jici thans. But when i do that i get an respose error when sending data.  
 ![Screenshot_2](https://us1.discourse-cdn.com/bubble/original/3X/e/8/e8364bdc6921a24ade640055fe4c5d14d5afc84a.jpeg)  
 ![Screenshot_3](https://us1.discourse-cdn.com/bubble/original/3X/8/4/840c0b43bed5ddcc7a9e7b2147cfe3d424b57796.jpeg)

---

<div class="post-metadata">

**Author:** ![Jici](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jici/32/30722_2.png) [@Jici](https://forum.bubble.io/u/Jici)\
**Post date:** [July 2, 2021, 12:58pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/9 "2021-07-02T12:58:54Z")

</div>

Can you share the full settings in API Connector and maybe send the request to requestbin and inspect the output

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 2, 2021, 1:18pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/10 "2021-07-02T13:18:29Z")

</div>

Sure here is the json api call setting

 ![Screenshot_4](https://us1.discourse-cdn.com/bubble/original/3X/6/d/6dadfe523ba12053a5db24b43cf1be328bec21b6.jpeg)  
 ![Screenshot_5](https://us1.discourse-cdn.com/bubble/original/3X/1/9/19fdb6f82a94a7f8a645673bf24bf0481403e196.jpeg)

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 2, 2021, 1:25pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/11 "2021-07-02T13:25:25Z")

</div>

All other fields are working fine. Just this list image field isnt. When i add the list in Postman manually like

“payment-method-logo”: [  
{  
“url”: “[https://s3.amazonaws.com/appforest\_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png](https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png)”

```
                       },

```

{  
“url”: “[https://s3.amazonaws.com/appforest\_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png](https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png)”

```
                       },

```

{  
“url”: “[https://s3.amazonaws.com/appforest\_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png](https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png)”

```
                       },
            
        ],

```

This works as well. Not sure how requestbin works

---

<div class="post-metadata">

**Author:** ![Jici](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jici/32/30722_2.png) [@Jici](https://forum.bubble.io/u/Jici)\
**Post date:** [July 2, 2021, 1:29pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/12 "2021-07-02T13:29:38Z")

</div>

You replace the url by the one created by [requestbin.com](http://requestbin.com)  
A good thing is to do the same request from postman in requestbin. Compare both to find differences.

If you initialize call in API Connector with

```auto
{
“url”: “https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png”
                       },
{
“url”: “https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png”
                       }

```

inside the payment\_method\_logo parameters (actually, you have a single url) Does it work?

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 2, 2021, 1:36pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/13 "2021-07-02T13:36:14Z")

</div>

@Jici this works if i enter them manually.

 ![Screenshot_7](https://us1.discourse-cdn.com/bubble/original/3X/a/1/a14c0cab60b1c1ab7f1934bd14ba9f064019d039.jpeg)  
 ![Screenshot_8](https://us1.discourse-cdn.com/bubble/original/3X/a/1/a12740c2ca6a477702c3af704d775736183c6fac.jpeg)

---

<div class="post-metadata">

**Author:** ![Jici](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jici/32/30722_2.png) [@Jici](https://forum.bubble.io/u/Jici)\
**Post date:** [July 2, 2021, 1:50pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/14 "2021-07-02T13:50:41Z")

</div>

I mean to enter it in the value field of the parameters and not directly in the body part  
Also, run the WF and check in requestbin. It will be easier to find what is the issue with the request

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 2, 2021, 1:58pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/15 "2021-07-02T13:58:37Z")

</div>

![Screenshot_9](https://us1.discourse-cdn.com/bubble/original/3X/5/a/5a3a02d2fbe9174d40a32c3ba11d97ed81126496.jpeg)  
I get an error if i add {“url”:“[https://s3.amazonaws.com/appforest\_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png"},{“url”:"https://s3.amazonaws.com/appforest\_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png](https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png%22%7D,%7B%22url%22:%22https://s3.amazonaws.com/appforest_uf/f1624826994218x407798105709711300/BetPlay%201000x500.png)”}

In the value field

---

<div class="post-metadata">

**Author:** ![Jici](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jici/32/30722_2.png) [@Jici](https://forum.bubble.io/u/Jici)\
**Post date:** [July 2, 2021, 2:19pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/16 "2021-07-02T14:19:36Z")

</div>

Send to request bin. I suspect that Bubble probably encode the url

---

<div class="post-metadata">

**Author:** ![Jici](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jici/32/30722_2.png) [@Jici](https://forum.bubble.io/u/Jici)\
**Post date:** [July 2, 2021, 2:20pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/17 "2021-07-02T14:20:15Z")

</div>

Also, be sure to use url that API can reach

---

<div class="post-metadata">

**Author:** ![mmadzaric](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@mmadzaric](https://forum.bubble.io/u/mmadzaric)\
**Post date:** [July 2, 2021, 2:32pm UTC](https://forum.bubble.io/t/send-a-multi-image-picker-to-webflow-via-api/158014/18 "2021-07-02T14:32:35Z")

</div>

@Jici if i have only one url in the multi image uploader that works fine.
