JSZip 简单使用

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

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12257367.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存