項目用到了jszip.js插件,用于在后臺獲取zip文件,前端解壓并將模型進行在線顯示.
jszip的API說明為英文,例子其實也有些模糊.
遠(yuǎn)程加載一個文件,使用官網(wǎng)的例子:(自行觀看);
這里作為筆記,主要是想說
promise.then(JSZip.loadAsync)
.then(function(zip){returnzip.file("Hello.txt").async("string");
? ? 此處可以返回一個值,返回的值就是下一個.then的實參
})
這里的zip就是讀取到的zip的數(shù)據(jù),主要的屬性諸如files就是zip中的文件,可以通過zip.file(filename)的形式將該文件對象進行存儲,但是這里的文件對象其實是一個promise,當(dāng)我們需要使用的時候可以通過.then 的形式使用
例如: pic.then(function(data){
? ? ? ? ? ? //data就是該文件的數(shù)據(jù),得到data后可以通過使用,這里就需要注意我們在存儲的時候可以通過使用zip.file(filename).async(數(shù)據(jù)形式)來定義數(shù)據(jù)的存儲形式,例如base64,blob,arraybuffer,其中base64是圖片的存儲格式,但是是沒有前綴的,必須加相應(yīng)的前綴才可以顯示.data:image/png;base64;就可以直接賦值給image.src;
})