1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > jszip 解压压缩包_通过javascript在网页端解压zip文件并查看压缩包内容

jszip 解压压缩包_通过javascript在网页端解压zip文件并查看压缩包内容

时间:2020-11-01 23:05:35

相关推荐

jszip 解压压缩包_通过javascript在网页端解压zip文件并查看压缩包内容

WEB前端解压ZIP压缩包

web前端解压zip文件有什么用:

只考虑标准浏览器的话, 服务器只要传输压缩包到客户端, 节约了带宽, 而且节约了传输时间, 听起来好像很厉害的说;

如果前端的代码很多, 而且包含大副的图片,那么就可以把js和css和jpg和png等各种数据通过服务端打包成zip传送到浏览器, 浏览器负责解压, css实用动态生成插入到dom中,js也用globalEval直接执行, jpg或者png各种图片文件由blob流转化为image, 直接插入到浏览器中;

html5支持读取Blob(二进制大对象, file文件也是继承了Blob), 并转化为图片流或者文字流或者其他流格式, 这也是为什么浏览器可以读取"application/zip"文件的原因;

要在浏览器中解压zip文件的话需要引入四个js , 因为UnZipArchive.js依赖了zip.js, mime-type.js和jquery.js, 测试demo如下:

demo

window.un= newUnZipArchive( file );

un.getData( function() {//获取所以的文件和文件夹列表;

var arr =un.getEntries();//拼接字符串

var str = "";for(var i=0; i

str += "

"+arr[i]+""};

$("#dir").html( str );

});

});var download =function ( filename ) {

un.download( filename );

};

UnzioarichiveJS 是自己封装的, 有任何问题的话反馈至github的issue

/sqqihao/nono_framework/issues?q=is%3Aopen+is%3Aissue

解压ZIP压缩包的完整DEMO

因为zipJS依赖Worker, 所以要在http协议下才能正常使用, 我把html放在git :http://sqqihao.github.io/codes/zipjs/zip.html

但是浏览器兼容又是大问题;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。