使用数据URI将多个文件下载到Zip文件Javascript中

Question

我正在使用EXT JS 4.2，它有一个包含导出到CSV按钮的面板。

点击它时，会下载多个（共六个）文件。我希望将这些文件下载到一个ZIP文件中。

Answer 1

有一个完美的插件可以在浏览器中创建zip文件。

  

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

通过手动添加js文件来安装插件：

  

下载JSZip并包含文件dist / jszip.js或   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;
});