# Phoenix LiveView Zipped Uploads

**URL:** <https://forum.devtalk.com/t/phoenix-liveview-zipped-uploads/104733>\
**Category:** Blogs/Articles/Talks/Podcasts\
**Tags:** zip, elixir, liveview, browser, blog-post\
**Created:** [12 April 2023 15:29 UTC](https://forum.devtalk.com/t/phoenix-liveview-zipped-uploads/104733 "2023-04-12T15:29:29Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![brainlid](https://forum.devtalk.com/user_avatar/forum.devtalk.com/brainlid/32/2825_2.png) [@brainlid](https://forum.devtalk.com/u/brainlid)\
**Post date:** [12 April 2023 15:29 UTC](https://forum.devtalk.com/t/phoenix-liveview-zipped-uploads/104733/1 "2023-04-12T15:29:29Z")

</div>

File and image uploads in LiveView are already easy and elegant. But what if the user wants to upload an entire directory with more nested directories and files? How should we handle that? Chris McCord walks us through how that can work in LiveView.

> **[Phoenix LiveView Zipped Uploads](https://fly.io/phoenix-files/phoenix-liveview-zipped-uploads/)**
>
> Exploring zipping up a client's directory in the browser using JSZip and the webkitdirectory feature and unzipping on a Phoenix server using OTP the :zip module.