天天看點

Zip 壓縮和解壓技術在 HTML5 中的應用

Zip 壓縮和解壓技術在 HTML5 中的應用

第一步、需要将應用對相關資源打包成 .zip 檔案,

Zip 壓縮和解壓技術在 HTML5 中的應用

這是我要壓縮的檔案清單,把響應的資源檔案存放到對應的檔案夾下,然後在 loadorder 檔案中标明資源加載的順序,loadorder 檔案内容如下:

在資源加載順序中,要标明響應資源的相對于 .zip 檔案的路徑,這樣友善在讀取 .zip 檔案時快速找到相應的資源檔案。

在 .zip 檔案中有包含圖檔檔案,JSZip 隻能擷取到圖檔檔案的 ArrayBuffer 資料,這時需要将 ArrayBuffer 轉換為 Base64 才能夠為浏覽器所識别,是以這裡定義了一個轉換函數:_arrayBufferToBase64 

繼續閱讀