Downloading A Zip File Using Javascript Is Not Rocket Science! Know how!

Initially, the prerequisite for downloading a simple text file in javascript requires FileSaver.js. This can be downloaded from here.

Next step would be the creation of zip file.

1. Download jSZip and load it in your html.

2. Here comes the core part where we initalize jSZip and download a zip file.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var zip = new JSZip(); //skip this step if you don't want your files in a folder. var folder = zip.folder("example"); folder.file("myfile1.txt", "HELLO WORLD IN 1ST FILE"); //requires filesaver.js folder.file("myfile2.txt", "HELLO WORLD IN 2ND FILE"); //...so on until you have completed adding files zip.generateAsync({type:"blob"}) .then(function(content) { //see FileSaver.js saveAs(content, "example.zip"); });