Uploading Multiple Files to Xano: Solved

Ask us anything How do I?
#1

I have been trying to upload files directly to Xano. I have been able to do this with individual image files and PDFs successfully, using the tutorial directions.

I have NOT been able to send:

  1. Microsoft Office files, like .doc, .docx, .ppt, .pptx
  • This happens even when I select the “Word File” extension from the dropdown list for the upload element
  • The error I receive when I try this:

"code: “ERROR_CODE_INPUT_ERROR”
message: “Missing param: type”

  1. Multiple Files at once. I tried using the iterator, but I can’t figure out what array I can tell it to parse. The files in the File Uploader are listed within an {object}

I attempted a For Loop in the custom JS action step, but that doesn’t work either.
for loop attempt multi files

#2

Hi @kyanaloe, can you clarify what you’re trying to do?

If you’re having trouble using WeWeb’s no-code file upload Action in the Workflows or are you struggling with custom JS to send files directly to Xano without going through WeWeb’s CDN?

#3

Yes, thank you. I am trying to upload directly to my backend (Xano) without storing in WeWeb’s CDN, because my app needs to be HIPAA compliant.

1 Like
#4

I actually think that the issue with microsoft files is on the Xano end of things, so you can disregard that comment.

I could definitely use help with the multiple file uploads, though!

#5

Figured it out!

For anyone else trying to do the same:

  1. Create an array out of the object values from your uploader
    Create array from object

  2. Iterate over the array with the Iterator action
    Iterate over array

  3. Use the JS sample from the File Upload tutorial, but replace the uploader value with the item from #2

    Upload JS with item from loop
    Upload JS with item from loop561×735 50.9 KB

  4. Send to your backend with the API

2 Likes
#6

This is great! Thanks for sharing @kyanaloe :raised_hands:

1 Like