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

Downloading multiple files into a Zip file Javascript using data URI

本文关键字:Zip 文件 Javascript 文件下载 数据 URI      更新时间:2023-09-26

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

单击它时,将下载多个(总共六个)文件。我希望将这些文件下载到单个 ZIP 文件中。

有一个完美的插件可以在浏览器中创建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;
});