Create zip download file

Ask us anything
1

Hi there,

I need to create a zip file from a bunch of pdf files for download. As far as I know my Xano Backend does not provide this feature so far.

Does somebody know a trick how to achieve this using WeWeb and JavaScript?

2

If you want to do this from weweb you need to fetch all your files, then use a library to create the actual zip and finally attach the logic for downloading the zip file to a button or start the download automatically.

You will need to play a bit with javascript actions or create a custom plugin that handles the logic and exposes a simple nocode action to use in weweb editor.

3

you are right. After some investigation I found this really good article about zipping multiple files in the frontend via JavaScript:

There are external libs like JSzip needed. Guess I have to build a weweb component to use external libraries?

4

You can play with javascript actions and html elements but a custom component/plugin it’s always better and makes your life easier when you develop/modify your app

1 Like
5

Hello guys,

I’m not a tech guy so I need a little more help here. I’m facing the same situation using XANO and I want to click a button and download all fetched files in a ZIP at once.

Could you please provide some example on how to do that?

Thanks in advance.

6

In the end I used an API endpoint from my cloud storage provider (Hidrive from Strato), that zips all provided urls and returns the zip file.

Worked for my case and I was glad to solve the task without building my own WeWeb component.