天天看点

Zip 压缩、解压技术在 HTML5 浏览器中的应用

Zip 压缩、解压技术在 HTML5 浏览器中的应用

第一步、需要将应用对相关资源打包成 .zip 文件,

Zip 压缩、解压技术在 HTML5 浏览器中的应用

这是我要压缩的文件列表,把响应的资源文件存放到对应的文件夹下,然后在 loadorder 文件中标明资源加载的顺序,loadorder 文件内容如下:

在资源加载顺序中,要标明响应资源的相对于 .zip 文件的路径,这样方便在读取 .zip 文件时快速找到相应的资源文件。

在 .zip 文件中有包含图片文件,JSZip 只能获取到图片文件的 ArrayBuffer 数据,这时需要将 ArrayBuffer 转换为 Base64 才能够为浏览器所识别,所以这里定义了一个转换函数:_arrayBufferToBase64 

继续阅读