Help Needed: ZIP Generation and Download link via Xano – What is the Correct Endpoint?

Questions / Help
,
1

Hi everyone,

I’m working on a Webflow + Wized + Xano setup where users can select multiple files and download them as a ZIP archive.

Files are uploaded to Uploadcare, and their UUIDs are passed to Xano via Wized. When the user clicks a Download button, the selected UUIDs are sent to a backend endpoint (/download-zip) in Xano.

From there, I want to call the Uploadcare API to create a ZIP archive and return a downloadable link back to the frontend.

Here’s how I’m currently setting up the API Request in Xano:
• The method is POST.
• The endpoint used is: https://uploadcare.com/api/files/group/
• Headers include:
• Content-Type: application/json
• Authorization using Uploadcare.Simple format with environment variables for public and secret keys.
• The body sends a dynamic list of file UUIDs from input.uuids.

What I need help with:
1. What is the correct Uploadcare endpoint to generate a ZIP file from a group of file UUIDs?
2. Is Uploadcare.Simple the correct authorization format for this type of request?
3. Should this be done via the REST API or the URL API?
4. Does anyone have a working example or know the best practice for generating a downloadable ZIP in this kind of setup?

Thanks in advance for any help! Much appreciated :pray:
Dorus

2

Hi @Dorus_van_Keulen,

If you’re using the File Uploader on the client side, the simplest approach is to get the group URL directly from the uploader. To do this, you’ll need to enable the group-output property in your configuration:

<uc-config
  ctx-name="uploader"
  pubkey="YOUR_PUBLIC_KEY"
  group-output
></uc-config>

Then, you can listen for the group-created event and extract the group URL from its payload. By appending archive/zip/ to that URL, you’ll get a link to download the entire group as a ZIP archive:

const uploaderCtx = document.querySelector('uc-upload-ctx-provider');

uploaderCtx.addEventListener('group-created', (e) => {
  const downloadLink = `${e.detail.group.cdnUrl}archive/zip/`;
  alert(`Download files: ${downloadLink}`);
});

This method provides an easy, client-side way to let users download all uploaded files in one archive.

Alternatively, you can create a file group from a set of arbitrary UUIDs using this API endpoint Upload API Reference — Uploadcare and then use the archive operation in the same way to turn a group URL into an archive download link.

3

Hey Alex, Thanks so much for your help and quick response! The solution you provided worked out for me. (creating a file group from a set of arbitrary UUIDs). Thanks!

1 Like