使用数据URI将多个文件下载到Zip文件Javascript [英] Downloading multiple files into a Zip file Javascript using data URI

问题描述

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

I am using EXT JS 4.2 which has a panel which contains a export to CSV button.

点击它将下载多个（共六个）文件。我想要这些文件在一个ZIP文件中下载。

On clicking on it multiple (total six) files are downloaded. I want these files to be downloaded in a single ZIP file.

推荐答案

有一个完美的插件来在浏览器中创建zip文件。

There is a perfect plugin to create zip files inside browser.

JSZip： https ：//stuk.github.io/jszip/

手动添加js文件安装插件：

Install the plugin by adding js files manually:

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

download JSZip and include the file dist/jszip.js or dist/jszip.min.js

JSFiddle - JSZip 3.0：

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;
});

这篇关于使用数据URI将多个文件下载到Zip文件Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！