在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)文章,希望大家可以留言建议