为什么下面的javascript代码段会生成一个空的zip存档?

为什么下面的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 -------- ---- ---- ----

下面的代码段用于创建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
 --------    ----   ----    ----
        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
我的回答中有什么遗漏吗。。。