JSZip 简单使用

JavaScript011

JSZip 简单使用,第1张

JSZip 是一个用于创建、读取和编辑.zip文件的JavaScript库,且API的使用也很简单。如下是使用 JSZip 压缩一个文件夹到指定目录的例子。

zip.js 文件中内容如下:

命令:

项目用到了jszip.js插件,用于在后台获取zip文件,前端解压并将模型进行在线显示.官网jszip的API说明为英文,例子其实也有些模糊. 远程加载一个文件, 使用官网的例子 :(自行观看) 这里作为笔记,主要是想说 promise.then(JSZip.loadAsync) .then(function( zip ){returnzip.file("Hello.txt").async("string")     此处可以返回一个值,返回的值就是下一个.then的实参 })这里的zip就是读取到的zip的数据,主要的属性诸如files就是zip中的文件,可以通过zip.file(filename)的形式将该文件对象进行存储,但是这里的文件对象其实是一个promise,当我们需要使用的时候可以通过.then 的形式使用 例如: pic.then(function(data){             //data就是该文件的数据,得到data后可以通过使用,这里就需要注意我们在存储的时候可以通过使用zip.file(filename).async(数据形式)来定义数据的存储形式,例如base64,blob,arraybuffer,其中base64是图片的存储格式,但是是没有前缀的,必须加相应的前缀才可以显示.data:image/pngbase64就可以直接赋值给image.src })