推荐一个浏览器端打zip包的插件

官方网址: http://stuk.github.io/jszip/

这个插件使用特别简单，一个简单的例子

// 创建一个 JSZip 实例，后续操作都需要此实例
var zip = new JSZip();
 
// 往Zip文件里添加文本
// 参数1是文件名
// 参数2 是文本内容
zip.file("Hello.txt", "Hello World\n");
 
// 往Zip文件里添加一个images目录, 并返回一个句柄
// 后续如果需要往images目录里添加文件都需要使用这个句柄操作
var img = zip.folder("images");
 
// 往images目录添加一个图片文件
img.file("smile.gif", imgData, {base64: true});
 
// 导出zip文件
// 这里导出文件用到 FileSaver.js 插件，你可以换成其它的
zip.generateAsync({type:"blob"});
.then(function(content) {
  // see FileSaver.js
  saveAs(content, "example.zip");
});

以上例子最后一步导出zip文件时用到了FileSaver.js插件，一个特别好用的文件保存插件

FileSaver.js Github: https://github.com/eligrey/FileSaver.js