網頁端壓縮解壓縮插件JSZIP庫的使用 - diligenceday－IT工程師數位筆記本

文章出處

　　JSZIP這個庫支持在網頁端生成zip格式的文件，官方網站是：http://stuk.github.io/jszip/

　　因為官方的API發生改變，最新的DEMO如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="http://stuk.github.io/jszip/dist/jszip.js"></script>

    <script type="text/javascript" src="http://stuk.github.io/jszip-utils/dist/jszip-utils.js"></script>
    <!--[if IE]>
    <script type="text/javascript" src="http://stuk.github.io/jszip-utils/dist/jszip-utils-ie.js"></script>
    <![endif]-->
    <script src="http://stuk.github.io/jszip/test/jquery-1.8.3.min.js"></script>
    <script src="http://stuk.github.io/jszip/vendor/FileSaver.js"></script>

</head>
<body>
<script>
    var imgData = "R0lGODdhBQAFAIACAAAAAP/eACwAAAAABQAFAAACCIwPkWerClIBADs=";
    var zip = new JSZip();
    zip.file("Hello.txt", "Hello World\n");
    var img = zip.folder("images");
    img.file("smile.gif", imgData, {base64: true});
    
    zip.generateAsync({type:"blob"}).then(function(content) {
        // see FileSaver.js
        saveAs(content, "example.zip");
    });
</script>
</body>
</html>