• 欢迎访问新概念博客,研究javascript,css3,html5,nodejs,Ext js等技术研究,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入新概念博客

怎么在浏览器解压zip,并查看压缩包文件,前端压缩文件bing’xia’z,Zip 压缩和解压技术在 HTML5 中的应用

代码碎片 新概念 1个月前 (03-12) 144次浏览 0个评论 扫描二维码

要在浏览器中实现 zip 压缩、解压等功能,需要浏览器支持 html5,JavaScript API

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

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

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

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

要实现以上功能要用上开源库JSZip

Opera Firefox Safari Chrome Internet Explorer Node.js
Yes Yes Yes Yes Yes Yes
经过最新版本的测试 经过 3.0/3.6/最新版本测试 经过最新版本的测试 经过最新版本的测试 经过 IE 6 / 7 / 8 / 9 / 10 测试 经过 Node.js 0.10 / 最新版本测试

 


新概念博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:怎么在浏览器解压zip,并查看压缩包文件,前端压缩文件bing’xia’z,Zip 压缩和解压技术在 HTML5 中的应用
喜欢 (1)
[新概念]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址