jszip.js远程读取一个zip文件

Posted 2023-03-15

参考技术A 项目用到了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/png;base64;就可以直接赋值给image.src;

)