JSZip - Create .zip files with Javascript

http://jszip.stuartk.co.uk/

by ChrisArchitect • 15 years ago

113 26 15 years ago

jszip.stuartk.co.uk

udp• 15 years ago

Pretty cool, but the method for "downloading" looks painful (converting the generated ZIP to base64 in order to use it as an URL).

I wonder what the size limit is?

icebraining• 15 years ago

IE8 only supports 32Kbytes; not sure about other browsers: https://sharovatov.wordpress.com/2008/05/13/data-uri-browser...

dpup2• 15 years ago

Chrome (last time I checked) will crash if the data URL is over 2MB. Luckily there are the Blob and BlobBuilder APIs now. Using Stuart's code as a starting point I've successfully built >700MB zip files on flixtractr.com. The main downside is that when you request the blob URL not all browser/platform combinations give it an extension that matches the mime-type, so you have to tell your users they may need to rename the file.

The platform is getting there. Slowly.

dpup2• 15 years ago

http://crbug.com/103234 tracks the crash I mentioned.

masklinn• 15 years ago

> Pretty cool, but the method for "downloading" looks painful (converting the generated ZIP to base64 in order to use it as an URL).

Yep, it would be cool if that was included in the API and they used createObjectURL[0] where available. Although I don't think it'd fix the name issue, as there's a BlobBuilder, but only File objects have a name and there's no FileBuilder (a File's name is readonly...)

[0] http://www.w3.org/TR/FileAPI/#dfn-createObjectURL/window.URL...

jonpaul2• 15 years ago

While it is indeed cool that this is done in the browser, it'd be nice to see some emphasis on using it within Node.js. Presumably, it'd probably work without too many modifications.

maratd4• 15 years ago

With Node.js, you should use the built-in zlib support.

jonpaul2• 15 years ago

I thought the zlib support could only handle gzip files and not zip files? This would indicate that it only supports gzip files: http://zlib.net/zlib_faq.html#faq11

bradleyland• 15 years ago

Having worked with a few Zip libraries, I can't bring myself to use any library that has an O(n) memory requirement as it relates to archive size. I can't see how this would avoid that because of the way the file is delivered to the client.

anons2011• 15 years ago

Very nice, I guess this would be pretty useful for online template creation sites, so they can download their modified html/css files as a zip.

maratd4• 15 years ago

This is unbelievably useful if you need to have the client download multiple files with one click just using the client-side. This wasn't possible before. Great job!

smackfu• 15 years ago

Aren't the multiple files still on the server side? Why can't the server side just zip them?

callmeed• 15 years ago

Using Heroku, for example, you don't get any local file storage space and there are temp file limits.

maratd4• 15 years ago

> Aren't the multiple files still on the server side?

No, you can generate a file using JavaScript/Canvas/SVG/etc. and then allow the user to save it to their system.

josscrowcroft• 15 years ago

Fantastic. I already have at least 3 use cases in mind!

I'm interested to look into ways of feature-detection for this that could cause the zip to be generated client-side for supporting browsers and server-side for older..

JangoSteve2• 15 years ago

I'm currently using this in a site, I fan post my feature detection line for it when I get back to the office.

engtech3• 15 years ago

I've been looking at something similiar for huge static HTML files of autogenerated documentation.

I don't see why I can't deflate the tables as javascript data and then use JS to inflate and display them.

Just playing around with it I was able to compress a 120MB HTML file to 3.5MB.

engtech3• 15 years ago

HTML minifiers/compressors could only get the 120MB HTML file to 104MB.

dspillett3• 15 years ago

HTML minifiers don't actually compress in this sense. They remove comments, strip out extraneous whitespace, replace long tags and attributes with equivalent shorter ones (strong->b), normalize markup where possible and so forth. The result is still HTML: no extra decompression step is needed for it to be understood and rendered by any renderer compliant with the standard the tool targets.

General compression can get much better results than content translation. Check mod_deflate, mod_gzip, or what-ever your preferred web server's equivalent is (all modern servers aside from those designed to be absolutely minimal (for embedded systems and such) have one).

dspillett3• 15 years ago

Would mod_deflate or equivalent (mod_gzip in older Apache versions, static and dynamic compression can be enabled easily in recent versions of IIS too) not do this for you?

If you are worried about the CPU cost of the compression and added request latency, you can pre-compress static content with most modern web servers (see http://stackoverflow.com/questions/75482/how-can-i-pre-compr... for Apache info).

engtech3• 15 years ago

In this case, there are no servers.

There are only local HTML files that are checked in to revision control and shipped alongside releases.

HTML was chosen as the documentation file format because it's easy to find something to view it with.

mitchellh• 15 years ago

Cute project.

For practical usage in dynamically creating ZIP files, I've found it far more efficient and easy to use the `mod_zip` extension to Nginx[1]. It works really well, is highly RAM efficient, and pushes the logic down to some of the most stable software out there (Nginx).

[1] http://wiki.nginx.org/NgxZip

anthonyryan1• 15 years ago

What version of nginx are you using with it? The last time I looked into that particular plugin it did not appear to work correctly.

JangoSteve2• 15 years ago

It's odd to me that everyone is talking about the user experience for downloading files created with this. The real awesome use case with a library like this (and what I'm currently using this for in a new project) is providing a user a multi-select to upload files, and zipping then up into a single compressed file before uploading to the server.

JSZip - Create .zip files with Javascript

Related Stories