日期:2014-05-16  浏览次数:20434 次

在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://www.heatpress123.net/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中。

站长行业门户(www.software8.co)文章,希望大家可以留言建议