Downloading multiple files into a Zip file Javascript using data URI

Question

I am using EXT JS 4.2 which has a panel which contains a export to CSV button.

On clicking on it multiple (total six) files are downloaded. I want these files to be downloaded in a single ZIP file.

Have you tried to create a folder using JSZip? – André Bonna Feb 23 '16 at 18:34 — André Bonna, Feb 23 '16 at 18:34
I created a JSFiddle that works. Hope it helps! – André Bonna Feb 23 '16 at 20:10 — André Bonna, Feb 23 '16 at 20:10

score 6 · Accepted Answer · edited Jan 31 '17 at 18:34

There is a perfect plugin to create zip files inside browser.

JSZip: https://stuk.github.io/jszip/

Install the plugin by adding js files manually:

download JSZip and include the file dist/jszip.js or dist/jszip.min.js

JSFiddle - JSZip 3.0:

https://jsfiddle.net/andrebonna/u8zsbzau/

var zip = new JSZip();
for (var i = 0; i < 5; i++) {
    var CSV = 'CSV_content';
    // Fill CSV variable
    zip.file("file" + i + ".csv", CSV);
}

zip.generateAsync({
    type: "base64"
}).then(function(content) {
    window.location.href = "data:application/zip;base64," + content;
});

Downloading multiple files into a Zip file Javascript using data URI

1 Answers1

Linked