將多個文件下載到Zip文件中使用數據URI的Javascript

Question

我正在使用EXT JS 4.2，其中包含一個導出到CSV按鈕的面板。

點擊它下載多個（共六個）文件。我想要將這些文件下載到一個ZIP文件中。

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