官方例子支持在線演示效果。

研究的目的是:如何獲取zip包中的信息并讀取傳輸(其實使用JAVA或者node.js更容易實現，之所以使用js也是因為業務的特殊性)。

準備庫:

下載成功解壓是這樣的，如圖所示:

和分別在dist和vendor目錄下

jszip-utils.js 在dist目錄下

一、使用zip.js壓縮生成zip包

源碼如下:

zip.file(1.in",1 1");

zip.file(1.out2);

zip.generateAsync({type:blob})

.then(function(content) {//see FileSaver.js

saveAs(content,1)">example.zip);

});}

二、讀取zip包內容并輸出文件目錄

charset="UTF-8"title>code{display:block;padding10pxbackground#eee;

}

兼容性>

pzip.js可以在所有的chrome瀏覽器和firefox瀏覽器中運行， 可以在safari6和IE10，以及IE10以上運行;如果要在IE9和safari中運行需添加， 具體可以參考官網的說明：code1：并引用這個JS: https://bitbucket.org/lindenlab/llsd/raw/7d2646cd3f9b/js/typedarray.js>

h2demoinputtype="file"id="file"ulid="dir"ul$("#file).change(function(e) {varfile= this.files[0];

window.unnewUnZipArchive( file );

un.getData(() {arr=un.getEntries();str"";for(i; i

str+=

};

$(#dir).html( str );

});

});download( filename ) {

un.download( filename );

};>

效果如圖所示:

注意事項:

不知道由于是什么原因，如果單獨將其寫入某個html運行起來就會出現這樣的情況，如圖所示:

如果是通過git clone https://github.com/sqqihao/sqqihao.github.io

運行zip.html就會出現前面的正常解壓并讀取目錄的結果。

另外請注意最好是通過火狐瀏覽器運行這段代碼，否則可能出現這種情況，如圖所示:

這篇文章主要建立在官方文檔和這個github項目的基礎上，希望能夠對小伙伴們有所幫助。

總結

如果覺得編程之家網站內容還不錯，歡迎將編程之家網站推薦給程序員好友。

本圖文內容來源于網友網絡收集整理提供，作為學習參考使用，版權屬于原作者。

小編個人微信號 jb51ccc

喜歡與人分享編程技術與工作經驗，歡迎加入編程之家官方交流群！

總結

以上是生活随笔為你收集整理的html解压zip文件怎么打开方式,使用zip.js压缩文件和解压文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。