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

Posted 2023-02-26

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

【英文标题】：Downloading multiple files into a Zip file Javascript using data URI

【发布时间】：2016-02-23 14:12:37

【问题描述】：

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

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

【问题讨论】：

您是否尝试过使用 JSZip 创建文件夹？

我创建了一个有效的 JSFiddle。希望对您有所帮助！

【参考方案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;
);