# How do i upload a image to supabase bucket correclty?

**URL:** <https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832>\
**Category:** How do I?\
**Tags:** supabase\
**Created:** [April 18, 2025, 7:46am UTC](https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832 "2025-04-18T07:46:14Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jefeOliveira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jefeoliveira/32/13256_2.png) [@jefeOliveira](https://community.weweb.io/u/jefeOliveira)\
**Post date:** [April 18, 2025, 7:46am UTC](https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832/1 "2025-04-18T07:46:14Z")

</div>

I followed this tutorial [storage-upload-file](https://docs.weweb.io/workflows/actions/supabase/storage-upload-file.html) but it is not working, it is uploading as `text/plain;charset=UTF-8 - 15 bytes`

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/64b1ab1ac61a5e96749a8d023b4a42260ff2e469.png)

can someone help me, this is driving me nuts

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [April 18, 2025, 9:12am UTC](https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832/2 "2025-04-18T09:12:24Z")

</div>

Can you show us how things are setup on your side with screenshots or a short video walking us through the workflow and the error you get? It’s very hard to help you otherwise.

Here I’m guessing you might have an issue with how things are configured in this step:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d048382c0df780de6a91ec6e376988834fae6475.png)

But it’s only a guess

---

<div class="post-metadata">

**Author:** ![jefeOliveira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jefeoliveira/32/13256_2.png) [@jefeOliveira](https://community.weweb.io/u/jefeOliveira)\
**Post date:** [April 18, 2025, 5:31pm UTC](https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832/3 "2025-04-18T17:31:45Z")

</div>

@Joyce thank you so much for your time, here is a screenshot

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/ecf4417194ae2d10b6aff9448eeda46b3edab298.png)

Also is this the correct way? Shouldnt i press a submit button before send to supabse storage? Why does that sends when i change the value from the file uploader? I feel that the tutorial is missing crucial steps or something

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [April 18, 2025, 8:26pm UTC](https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832/4 "2025-04-18T20:26:31Z")

</div>

Hi, you need to do the first File of your File Uploader. Right now you’re passing an array and Supabase recognizes it as a string. You can simply do this by adding a `[0]` after your `[file_uploader - value]`, so it would look something like this: `[file_uploader - value][0]`. This way you pass in the File, instead of an array and everything will be allright.

> [@jefeOliveira](#):
>
> Shouldnt i press a submit button before send to supabse storage?

Since you’re using a `On change` trigger on the file upload, this gets triggered automatically. If you want to trigger it upon user’s prompt, you can simply place this workfow on a button, or elsewhere.

---

<div class="post-metadata">

**Author:** ![jefeOliveira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jefeoliveira/32/13256_2.png) [@jefeOliveira](https://community.weweb.io/u/jefeOliveira)\
**Post date:** [April 18, 2025, 10:15pm UTC](https://community.weweb.io/t/how-do-i-upload-a-image-to-supabase-bucket-correclty/17832/5 "2025-04-18T22:15:38Z")

</div>

what about result?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4c03a22f56a92101a221a473909147a825469c77.png)

this should give me back this url [https://jetviiwsgdxevkjmfaez.supabase.co/storage/v1/object/public/blogfotos//484374992\_24001816956086063\_6417997975024413331\_n.jpg](https://jetviiwsgdxevkjmfaez.supabase.co/storage/v1/object/public/blogfotos//484374992_24001816956086063_6417997975024413331_n.jpg)

(EDIT) fixed by getting the first part from supabase

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8f4f50edfbd6704187040da848c0cc11887c1b19.png)