使用数据 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;
});