html解压zip文件怎么打开方式,使用zip.js压缩文件和解压文件

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

研究的目的是:如何获取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: https://bitbucket.org/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 https://github.com/sqqihao/sqqihao.github.io

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

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

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

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

html解压zip文件怎么打开方式,使用zip.js压缩文件和解压文件相关推荐

迅雷下不了php文件怎么打开方式,如何解决迅雷打不开php文件的问题
如何解决迅雷打不开php文件的问题发布时间:2020-07-30 09:44:58 来源:亿速云阅读:123 作者:Leah 本篇文章给大家分享的是有关如何解决迅雷打不开php文件的问题,小编觉得 ...
linux下如何解压iso文件怎么打开方式,ISO文件如何打开 ISO文件的两种打开方式【详解】...
ISO文件如何打开? 我们下载的大部分LINUX安装文件都是iso格式,下载到本地后双击会被WINRAR打开,许多人把它当成了压缩包,这是不正确的,ISO文件通过一些手段不需要解压就可以直接硬盘安装. ...
ai文件如何打开及常见文件的打开方式
ai文件如何打开?用什么软件可以打开? 用什么软件打开比较清晰些? 用Adobe Illustrator可以打开,用photoshop也可以打开 adobe illustrator ,photos ...
.XXX文件的文件类型变成WanNengZip.XXX应该如何打开（阻止流氓软件万能压缩、好压、快压等挟持正常软件）
.XXX文件的文件类型变成WanNengZip.XXX应该如何打开(阻止流氓软件万能压缩.好压.快压等挟持正常软件) 最近为了打开Mars4_5安装了Java运行环境(JRE),但是在打开Mars4_ ...
AIR管理文件关联, 指定文件默认打开方式
参考:http://help.adobe.com/zh_CN/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118676a5f3b-8000.html#WS ...
扩展名文件类型打开方式 ..
扩展名文件类型打开方式 .. 2010年10月30日 --------------------------------------------------------------------- 扩 ...
修改文件默认打开方式
对着文件右击->属性打开方式点击更改这样就可以修改某一类文件的打开方式
以下选项不是python打开方式的是-关于文件的打开方式,以下选项中描述正确的是...
[简答题]请说明狭义.广义的客户的涵义.为什么客户关系管理中客户只研究企业的下游客户? [填空题]仅查阅<重庆市建设工程费用定额>(CQFYDE-2018)中的"工程费用标准&q ...
ubuntu创建可执行图标、设置文件默认打开方式
下面以在ubuntu上安装CAJVIewer为例进行介绍 1 准备工作 1.1 下载可执行程序 https://download.cnki.net/CAJViewer-x86_64-buildubun ...

html解压zip文件怎么打开方式,使用zip.js压缩文件和解压文件

html解压zip文件怎么打开方式,使用zip.js压缩文件和解压文件相关推荐

最新文章

热门文章