使用数据URI将多个文件下载到Zip文件Javascript中
我使用的是ExtJS4.2,它有一个面板,其中包含一个导出到CSV按钮使用数据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
点击它,可下载多个(共六个)文件。我希望这些文件可以在一个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;
});