博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通过javascript在网页端解压zip文件并查看压缩包内容
阅读量:7262 次
发布时间:2019-06-29

本文共 733 字,大约阅读时间需要 2 分钟。

  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

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

    https://github.com/sqqihao/nono_framework/issues?q=is%3Aopen+is%3Aissue 

      解压ZIP压缩包的完整DEMO

      因为zipJS依赖Worker, 所以要在http协议下才能正常使用, 我把html放在git :

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

    作者:

    出处:
    QQ:287101329 

    转载地址:http://mrddm.baihongyu.com/

    你可能感兴趣的文章
    富士通在泰国推出私有云服务
    查看>>
    【C++】2.1 C++ 基本语法----数组
    查看>>
    Apache Click学习(一)HelloWorld
    查看>>
    php解决跨域访问
    查看>>
    数据库分离
    查看>>
    InternalResourceViewResolver SpringMVC视图解析器
    查看>>
    win7 系统TCP/Ip问题
    查看>>
    如何手动删除并重新安装 .NET Framework 2.0
    查看>>
    Coding and Paper Letter(五十八)
    查看>>
    Java学习之Iterator(迭代器)的一般用法 (转)
    查看>>
    LeetCode - 118. 杨辉三角
    查看>>
    Android开发实践:使用Service还是Thread
    查看>>
    关于有风无度
    查看>>
    码分多址技术
    查看>>
    iOS开发优秀博客和软件推荐
    查看>>
    上海滩
    查看>>
    转移战场至:“51CTO博客”,希望可以再次回到百度空间……
    查看>>
    Maven 点滴
    查看>>
    js播放音乐
    查看>>
    Aruba Controller 基于802.1x实现证书认证
    查看>>