在JavaScript中创建ZIP文件

zip是一个非常有用的文件类型我必须说最常用。这是最常用的文件格式的数据压缩和归档。有许多实用工具可用来创建/生成Zip文件。同时,大部分的编程语言和API来支持生成Zip文件。我已经写了两部的文章压缩/解压文件php.
 
在浏览互联网,我走到一个很有趣的网站站长百科。这是基于JavaScript API生成Zip文件在飞!它的使用非常简单。所有您需要做的就是将包括jszip javascript文件在您的HTML文档,并调用它的API。
 
让我们看看如何生成一个简单的ZIP文件在JavaScript中。
 
让我们创建一个helloworld ZIP文件,其中包含两个文本文件,hello1。txt和hello2.txt。
 
步骤1，生成jszip JavaScript
 
包括jszip javascript文件的HTML文档,您想要生成ZIP文件。您可以下载jszip包并将其包括在HTML或直接包括jszip javascript通过git存储库。
 
<script type="text/javascript"
        src="https://raw.github.com/Stuk/jszip/master/jszip.js"></script>
 
步骤2，生成Hello world ZIP
 
下面的代码片段是HTML文件,其中包含Javascript代码来生成ZIP文件。
 
<HTML>
<HEAD>
    <script type="text/javascript" src="jszip.js"></script>
</HEAD>
 
<BODY>
 
    <input type="button" onclick="create_zip()" value="Create Zip"></input>
 
</BODY>
<SCRIPT>
 
function create_zip() {
    var zip = new JSZip();
    zip.add("hello1.txt", "Hello First World\n");
    zip.add("hello2.txt", "Hello Second World\n");
    content = zip.generate();
    location.href="data:application/zip;base64," + content;
}
 
</SCRIPT>
</HTML>
 
在上面的代码片段中,我们有一个按钮”创建Zip”用于调用javascript函数创建Zip()。这个函数调用jszip API生成ZIP文件。文件名问题
 
如果你已经尝试过在Firefox或Safari以上演示,您可能已经注意到该文件中生成的有奇怪的名字:例如b77AewqA7.zip.part。这是因为现有的bug367231年和532230年。然而jszip附带了一个独特的解决这一问题的使用Downloadify.
 
zip = new JSZip();
zip.add("Hello.", "hello.txt");
Downloadify.create('downloadify',{
...
  data: function(){
    return zip.generate();
  },
...
  dataType: 'base64'
});
 
希望这个基本的演示将帮助您学会如何与客户端ZIP文件创建在JavaScript中。