JSZip 的简单介绍

1、前言

     前端处理一些批量文件或者图片时候，通过使用异步上传，减少表单一次性提交的的数据量。但是图片或者文件有删除的时候，服务器上真实的图片不容易删除。找了一些资料发些了JSZip这个技术，可以将文件或者图片打包成一个Zip文件。这就大大减少了数据的传输量。简单记录一下JSZip的用法

2、JSZip简介

这是一个JavaScript类库，用来操作.zip文件的工具。使用主要引入JSZip.js即可。

3、直接上Demo

这里只是简单将图片压缩成zip包，然后以blob二进制流的方式展示了一下，详情可以去官网了解

4、详细记录generateAsync的一些参数

图片压缩最后是为了上传文件，使用generateAsync压缩后可以直接上传。简单的了解一下jszip中的相关参数，如图：

多文件打入Zip文件是，有些文件不需要重复上传或者需要做特别的说明是，生成文件的时候也可以使用“comment”属性，java后台通过解压Zip，可以直接获取"comment"属性，如： zipEntry.getComment()。

// js 可以添加文件的说明
zip.file("a.jpg", "content", {
     comment: "a.jpg is not a picture"
});

// java后台可以直接获取
Enumeration entries = zipFile.getEntries();
while(entries.hasMoreElements()) {
    ZipEntry zipEntry = entries.nextElement();
    System.out.println(zipEntry.getComment());		
}

5、参考资料

官方网址：https://stuk.github.io/jszip/