为什么下面的javascript代码段会生成一个空的zip存档?
下面的代码段用于创建zip归档文件ZippyMcZip.zip或内容中的字符串。内容是一个值数组。e、 g为什么下面的javascript代码段会生成一个空的zip存档?,javascript,zip,Javascript,Zip,下面的代码段用于创建zip归档文件ZippyMcZip.zip或内容中的字符串。内容是一个值数组。e、 g {name:"my name",contents:"contents to write to file."} 正在创建存档,但除了清单之外,它是空的: $ unzip -l ZippyMcZip.zip Archive: ZippyMcZip.zip Length Date Time Name -------- ---- ---- ----
{name:"my name",contents:"contents to write to file."}
正在创建存档,但除了清单之外,它是空的:
$ unzip -l ZippyMcZip.zip
Archive: ZippyMcZip.zip
Length Date Time Name
-------- ---- ---- ----
0 05-01-13 16:41 File1.txt
0 05-01-13 16:41 File2.txt
-------- -------
0 2 files
是否有人对归档文件为何包含空文件有任何指示
saveAs是由提供的,我不认为这是一个问题,因为该文件正在写入HD,并在其他地方使用
function createZip(contents) {
function onProgress(a,b) {
console.log("current",a, "end",b);
}
function onEnd() {
console.log("on End");
}
zip.workerScriptsPath = "/js/zip/";
zip.useWebWorkers = false;
var zipper = (function() {
var zipWriter;
return {
addTexts: function(files) {
function add(text) {
zipWriter.add(text.name,
new zip.TextReader(text.contents),onEnd,onProgress);
}
zip.createWriter(new zip.BlobWriter(), function(writr) {
zipWriter = writr;
});
_.foreach(files, add);
},
getBlob: function(callback) {
zipWriter.close(callback);
}
};
})();
zipper.addTexts(contents);
zipper.getBlob(function(blob) {
saveAs(blob, "ZippyMcZip.zip");
});
}
有两个问题与zip.js API的异步特性有关 首先,您尝试并行编写多个文件:这样做行不通。因此,与使用同步的
.foreach
函数进行迭代不同,您必须在zipWriter.add
方法的oned
回调中递归调用add
函数(参见[1]
)
然后,在调用zipWriter.close
方法之前,您还必须等待写入此内容,因此您必须在addtext
方法的签名中定义callback
参数(参见[2]
)。当递归过程完成时调用它
以下是您的代码和以下2个修复程序:
function createZip(contents) {
function onProgress(a, b) {
console.log("current", a, "end", b);
}
zip.workerScriptsPath = "/js/zip/";
zip.useWebWorkers = false;
var zipper = (function() {
var zipWriter;
return {
addTexts : function(files, callback /* [2] new parameter */) {
function add(fileIndex) {
if (fileIndex < files.length) {
zipWriter.add(files[fileIndex].name,
new zip.TextReader(files[fileIndex].contents), function() {
add(fileIndex + 1); /* [1] add the next file */
}, onProgress);
} else {
callback() /* [2] no more files to add: callback is called */;
}
}
zip.createWriter(new zip.BlobWriter(), function(writer) {
zipWriter = writer;
add(0); /* [1] add the first file */
});
},
getBlob : function(callback) {
zipWriter.close(callback);
}
};
})();
zipper.addTexts(contents, function() {
zipper.getBlob(function(blob) {
saveAs(blob, "ZippyMcZip.zip");
});
});
}
函数createZip(目录){
职能进展(a、b){
控制台日志(“当前”,a,“结束”,b);
}
zip.workerscript=“/js/zip/”;
zip.useWebWorkers=false;
var zippers=(函数(){
var zipWriter;
返回{
addText:函数(文件,回调/*[2]新参数*/){
函数添加(文件索引){
if(fileIndex
我的回答中有什么遗漏吗。。。