# Create zip download file

**URL:** <https://community.weweb.io/t/create-zip-download-file/1546>\
**Category:** Ask us anything\
**Created:** [December 3, 2022, 12:19pm UTC](https://community.weweb.io/t/create-zip-download-file/1546 "2022-12-03T12:19:37Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [December 3, 2022, 12:19pm UTC](https://community.weweb.io/t/create-zip-download-file/1546/1 "2022-12-03T12:19:37Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [December 5, 2022, 8:58am UTC](https://community.weweb.io/t/create-zip-download-file/1546/2 "2022-12-05T08:58:35Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [December 5, 2022, 9:10pm UTC](https://community.weweb.io/t/create-zip-download-file/1546/3 "2022-12-05T21:10:05Z")

</div>

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

> **[Huy Ngo | Download Files And Zip Them In Your Browsers Using Javascript](https://huynvk.dev/blog/download-files-and-zip-them-in-your-browsers-using-javascript/)**
>
> Personal Blog | Programming and Life

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

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [December 6, 2022, 8:32am UTC](https://community.weweb.io/t/create-zip-download-file/1546/4 "2022-12-06T08:32:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![albarracim](https://avatars.discourse-cdn.com/v4/letter/a/2bfe46/32.png) [@albarracim](https://community.weweb.io/u/albarracim)\
**Post date:** [July 25, 2024, 5:27pm UTC](https://community.weweb.io/t/create-zip-download-file/1546/5 "2024-07-25T17:27:19Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [July 25, 2024, 7:46pm UTC](https://community.weweb.io/t/create-zip-download-file/1546/6 "2024-07-25T19:46:00Z")

</div>

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.
