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

使用数据URI将多个文件下载到Zip文件Javascript中,javascript,extjs,extjs4,extjs4.1,extjs4.2,Javascript,Extjs,Extjs4,Extjs4.1,Extjs4.2,我使用的是ExtJS4.2,它有一个面板,其中包含一个导出到CSV按钮 点击它,可下载多个(共六个)文件。我希望这些文件可以在一个ZIP文件中下载。有一个完美的插件可以在浏览器中创建ZIP文件 JSZip: 通过手动添加js文件安装插件: 下载JSZip并包含文件dist/JSZip.js或 dist/jszip.min.js JSFIDLE-JSZip 3.0: var-zip=newjszip(); 对于(变量i=0;i

我使用的是ExtJS4.2,它有一个面板,其中包含一个导出到CSV按钮


点击它,可下载多个(共六个)文件。我希望这些文件可以在一个ZIP文件中下载。

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

JSZip:

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

下载JSZip并包含文件dist/JSZip.js或 dist/jszip.min.js

JSFIDLE-JSZip 3.0:

var-zip=newjszip();
对于(变量i=0;i<5;i++){
var CSV=‘CSV_内容’;
//填充CSV变量
zip.file(“文件”+i+“.csv”,csv);
}
zip.generateAsync({
类型:“base64”
}).然后(功能(内容){
window.location.href=“数据:应用程序/zip;base64,”+内容;
});

您是否尝试使用JSZip创建文件夹?我创建了一个可以工作的JSFIDLE。希望有帮助!
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;
});