# Upload File to Xano Tutorial?

**URL:** <https://community.weweb.io/t/upload-file-to-xano-tutorial/1013>\
**Category:** Ask us anything\
**Created:** [August 17, 2022, 11:23pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013 "2022-08-17T23:23:14Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![patopt](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@patopt](https://community.weweb.io/u/patopt)\
**Post date:** [August 17, 2022, 11:23pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/1 "2022-08-17T23:23:14Z")

</div>

Is there a tutorial on how to upload files to Xano? All of the things I see in the forum require custom javascript, not really my fortay, I could really use some help with this.

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [August 22, 2022, 8:47am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/2 "2022-08-22T08:47:55Z")

</div>

Hi @patopt,

We have this tutorial in our documentation to upload a file to Xano: [⬆️ File Upload](https://docs.weweb.io/file-upload/)

Hope it helps you 🙂

---

<div class="post-metadata">

**Author:** ![jaredgibb](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jaredgibb](https://community.weweb.io/u/jaredgibb)\
**Post date:** [April 13, 2023, 11:16pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/3 "2023-04-13T23:16:24Z")

</div>

> [@Mael](#):
>
> tation to upload a file to Xano: [⬆ F](https://docs.weweb.io/file-upload/)

this relys on the weweb cdn which then in turn would require us to remove the file eventually from the weweb cdn. is there any way to bypass this and send the file directly to xano?

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [April 14, 2023, 9:22am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/4 "2023-04-14T09:22:25Z")

</div>

Yes it’s possible, it’s explain in our doc on this page: [File Upload | Weweb documentation](https://docs.weweb.io/workflows/actions/file-upload.html#need-to-upload-a-file-directly-to-your-backend-bypassing-weweb-s-cdn-%F0%9F%A4%94)

---

<div class="post-metadata">

**Author:** ![jaredgibb](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jaredgibb](https://community.weweb.io/u/jaredgibb)\
**Post date:** [April 14, 2023, 1:30pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/5 "2023-04-14T13:30:27Z")

</div>

i’ll go check out the docs! thank you

---

<div class="post-metadata">

**Author:** ![Ryan\_McGonagle](https://avatars.discourse-cdn.com/v4/letter/r/51bf81/32.png) [@Ryan\_McGonagle](https://community.weweb.io/u/Ryan_McGonagle)\
**Post date:** [July 11, 2023, 12:04pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/6 "2023-07-11T12:04:11Z")

</div>

Link is no longer working. Just looking for the javascript. Any chance you could send it over?

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [July 11, 2023, 12:24pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/7 "2023-07-11T12:24:20Z")

</div>

Here he link: [File Upload | Weweb documentation](https://docs.weweb.io/workflows/actions/file-upload.html)

---

<div class="post-metadata">

**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\
**Post date:** [August 5, 2023, 4:32am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/8 "2023-08-05T04:32:26Z")

</div>

Are you planning to support direct upload to Xano in pure NoCode without having to use JavaScript?

---

<div class="post-metadata">

**Author:** ![Alexis](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/alexis/32/13248_2.png) [@Alexis](https://community.weweb.io/u/Alexis)\
**Post date:** [August 17, 2023, 8:53am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/9 "2023-08-17T08:53:29Z")

</div>

Yes, planned, not sure exactly for now if it will be a separate action or an improvement on top of the Xano request action.

---

<div class="post-metadata">

**Author:** ![aram](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@aram](https://community.weweb.io/u/aram)\
**Post date:** [September 14, 2023, 9:05pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/10 "2023-09-14T21:05:34Z")

</div>

Would love to know when this feature might be coming. Do you have a date in mind for this? The current solution is the one major obstacle I am finding, as I keep getting error messages and all the fixes feel just too code-intensive right now for me to understand, despite trying. Once I can easily post photos (multiple is important) and docs straight to xano I’ll be so happy, but right now it’s proving a major painpoint. Otherwise I am enjoying weweb and xano’s interaction.

---

<div class="post-metadata">

**Author:** ![Alexis](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/alexis/32/13248_2.png) [@Alexis](https://community.weweb.io/u/Alexis)\
**Post date:** [September 15, 2023, 8:24am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/11 "2023-09-15T08:24:23Z")

</div>

Sorry I’ve still no date for it but it moved forward recently.

New actions about file management should be implemented in the next 30 days. One of them will allow you to convert a file in base64 format. This format can be sent to Xano with the standard Xano request action.

---

<div class="post-metadata">

**Author:** ![aram](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@aram](https://community.weweb.io/u/aram)\
**Post date:** [September 15, 2023, 9:05am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/12 "2023-09-15T09:05:01Z")

</div>

That’s fantastic thank you for the update! 🙂

---

<div class="post-metadata">

**Author:** ![aram](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@aram](https://community.weweb.io/u/aram)\
**Post date:** [September 15, 2023, 9:15am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/13 "2023-09-15T09:15:53Z")

</div>

P.s will this new fileformat approach bypass weweb storage? So it will go straight to xano in a GDPR safe way?

Thanks!

---

<div class="post-metadata">

**Author:** ![Alexis](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/alexis/32/13248_2.png) [@Alexis](https://community.weweb.io/u/Alexis)\
**Post date:** [September 15, 2023, 9:20am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/14 "2023-09-15T09:20:17Z")

</div>

Yes, you will be able to use your file directly inside the convert action, then send it to xano. The file will never be sent to WeWeb 🙂

---

<div class="post-metadata">

**Author:** ![aram](https://avatars.discourse-cdn.com/v4/letter/a/a183cd/32.png) [@aram](https://community.weweb.io/u/aram)\
**Post date:** [September 15, 2023, 9:33am UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/15 "2023-09-15T09:33:00Z")

</div>

Amazing! Thanks Alexis, appreciate the efforts you and the team are putting in!

---

<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:** [October 26, 2023, 3:44pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/16 "2023-10-26T15:44:03Z")

</div>

Hello 👋

We recently released a new no-code action for workflows: `Encode file as Base64`

This new action allows you to upload files directly to a Xano backend without writing a line of code.

Here’s the video tutorial we made on the topic:

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9e77c65dcf1a7946a523a61fb51081bd0afdf51a.jpeg "Upload a file directly to Xano without writing a line of code") ](https://www.youtube.com/watch?v=vyEQhtr8nM0)

---

<div class="post-metadata">

**Author:** ![Brian](https://avatars.discourse-cdn.com/v4/letter/b/97f17d/32.png) [@Brian](https://community.weweb.io/u/Brian)\
**Post date:** [November 27, 2023, 11:42pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/17 "2023-11-27T23:42:29Z")

</div>

Hi @Joyce, thanks for that video and really happy to see that more is being added to help with files. I’m not sure what’s going on, but it looks like this doesn’t work for some zipped files. Some of them are zipped and stored elsewhere until downloaded again, others are zipped on Windows 11. Both of them return this as the Base64 encoded file value:

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/86112c2f263149a9a546fe2ca70d95bd66b62351.png)  
“application/x-zip-compressed”

I’ve done this with a number of file types, and zip files is the only one that’s having problems so far. For the zip files that are encoded and sent to Xano that _do_ work, the workflow fails and gives me this response in Xano:

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

When I add a step to “Create URL from Base64 endcoding”, I get a blob address but an error from Xano:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9ecff03817a1d9ef14a5ac516249e68284261005.png)

Any thoughts or guidance would be appreciated. Thanks!

---

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [February 14, 2024, 7:24pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/18 "2024-02-14T19:24:44Z")

</div>

@Joyce thank for the tutorial. I will try it out.

Question. Is it possible to have the files stored as private file instead of public file in Xano? Is this a setting to be configured in Xano?

---

<div class="post-metadata">

**Author:** ![rayanenocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/rayanenocode/32/13166_2.png) [@rayanenocode](https://community.weweb.io/u/rayanenocode)\
**Post date:** [February 14, 2024, 11:59pm UTC](https://community.weweb.io/t/upload-file-to-xano-tutorial/1013/19 "2024-02-14T23:59:51Z")

</div>

Yes in xano
