使用zipjs压缩文件和解压文件

zip.js官方网站为:https://stuk.github.io/jszip/

在此说明，下面的例子基本上来自官方示例，大家可以做参考，官方示例地址为:https://stuk.github.io/jszip/documentation/examples.html

官方例子支持在线演示效果。

研究的目的是:如何获取zip包中的信息并读取传输(其实使用JAVA或者node.js更容易实现，之所以使用js也是因为业务的特殊性)。

准备库:

jszip.js可以去该地址下载:https://github.com/Stuk/jszip

下载成功解压是这样的，如图所示:



  

  

  和分别在dist和vendor目录下
jszip-utils.js可以去该地址下载:https://github.com/Stuk/jszip-utils

  

jszip-utils.js  在dist目录下
  

  

  

一、使用zip.js压缩生成zip包

源码如下:

复制代码



        
        
        
        
        






复制代码
  

二、读取zip包内容并输出文件目录

复制代码



        
        
        
        
        
        
        

复制代码
效果如图所示:



注意事项:

不知道由于是什么原因，如果单独将其写入某个html运行起来就会出现这样的情况，如图所示:

如果是通过git  clone  https://github.com/sqqihao/sqqihao.github.io

运行zip.html就会出现前面的正常解压并读取目录的结果。
  

另外请注意最好是通过火狐浏览器运行这段代码，否则可能出现这种情况，如图所示:
  

这篇文章主要建立在官方文档和这个github项目的基础上，希望能够对小伙伴们有所帮助。