Hi, I had the need to send a base64 encoded file directly to my Xano endpoint and had some painful iterations with the javascript code snippet. Now it works perfectly and I wanted to share the script, if there a more people who need to base64 encode things in WeWeb. Have to say I am not a Coder t…

Used the code from @caffeinatedwes as a base, thanks for that! [image] Upload a file to Xano with custom JavaScript - WeWeb error Ask us anything Thank you for the input, @dorilama . It turns out, the issue wasn’t necessarily the selector, but rather, trying to use the sel…

Ooooh thanks so much for sharing this @Soenke ! Really appreciate it :hugs:

Hello :wave: For future readers of this post, you can now upload files directly to Xano without writing code with the Encode file as Base64 workflow action. Here’s the video tutorial we made on the topic: [Upload a file directly to Xano without writing a line of code]

@Joyce Do you know how this would work on a file that’s already part of a Collection list? e.g. I have a Collection that is a list of files. For each file item, I want to send it as an email, which requires me to encode the file as Base64. On the button to email the file, I have the workflow below…

It’s not really a file, what you have here is an object describing a file I suppose we need another action named Get file from URL, so you can use the result inside the Encode file as Base64 action :thinking: For now you will need a javascript action before your Encode file. const res = await fet…

Hello, I followed all the instructions as per Joyce video, but I’m getting this error when I try to encode the file. Any idea on how to resolve it? Attaching a screenshot of the workflow so far. [image] name: “TypeError” stack: “TypeError: Failed to execute ‘readAsDataURL’ on ‘FileReader’: para…

FYI … files can be uploaded from WeWeb to Xano without Base64-encoding the file. I did this by setting the Xano Request POST Content Type to “multipart/form-data”. [multipart] The issue for me with Base64 files were: Base64 encoding doesn’t pass the file name, so I would need another API param…

Tip: Upload base64 encoded file to Xano

Ask us anything Tips and Hacks

Soenke (Sönke Manaré) August 11, 2022, 6:55am 2

Used the code from @caffeinatedwes as a base, thanks for that!

Topic		Replies	Views
Upload File to Xano Tutorial? Ask us anything	18	1530	February 14, 2024
Upload file to Xano bypassing WeWeb CDN How do I?	4	126	January 23, 2026
Weweb upload image to xano ERROR Ask us anything	2	91	November 16, 2024
Bulk encode images/files for upload to Xano How do I? xano	4	416	December 29, 2023
Uploading Multiple Files to Xano: Solved How do I?	22	2030	June 6, 2023

Tip: Upload base64 encoded file to Xano

Related topics