官方例子支持在线演示效果。
研究的目的是:如何获取zip包中的信息并读取传输(其实使用JAVA或者node.js更容易实现,之所以使用js也是因为业务的特殊性)。
准备库:
下载成功解压是这样的,如图所示:
和分别在dist和vendor目录下
jszip-utils.js 在dist目录下
一、使用zip.js压缩生成zip包
源码如下:
zip.file(1.in",1 1");
zip.file(1.out2);
zip.generateAsync({type:blob})
.then(function(content) {//see FileSaver.js
saveAs(content,1)">example.zip);
});}
二、读取zip包内容并输出文件目录
charset="UTF-8"title>code{display:block;padding10pxbackground#eee;
}
兼容性>
pzip.js可以在所有的chrome浏览器和firefox浏览器中运行, 可以在safari6和IE10,以及IE10以上运行;如果要在IE9和safari中运行需添加, 具体可以参考官网的说明:code1:并引用这个JS: /lindenlab/llsd/raw/7d2646cd3f9b/js/typedarray.js>
h2demoinputtype="file"id="file"ulid="dir"ul$("#file).change(function(e) {varfile= this.files[0];
window.unnewUnZipArchive( file );
un.getData(() {arr=un.getEntries();str"";for(i; i
str+=
};
$(#dir).html( str );
});
});download( filename ) {
un.download( filename );
};>
效果如图所示:
注意事项:
不知道由于是什么原因,如果单独将其写入某个html运行起来就会出现这样的情况,如图所示:
如果是通过git clone /sqqihao/sqqihao.github.io
运行zip.html就会出现前面的正常解压并读取目录的结果。
另外请注意最好是通过火狐浏览器运行这段代码,否则可能出现这种情况,如图所示:
这篇文章主要建立在官方文档和这个github项目的基础上,希望能够对小伙伴们有所帮助。
总结
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!