0

下面的代码片段使用 zip.js创建 zip 存档、ZippyMcZip.zip 或内容中的字符串。内容是一个值数组。例如

{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由FileSaver.js提供，我认为这不是问题，因为文件正在写入 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"); 
  });
}
4

1 回答 1

0

您有 2 个与 zip.js API 的异步特性相关的问题。

首先，您尝试并行编写多个文件：它不起作用。_.foreach因此，您必须在方法的回调中add递归调用该函数，而不是使用同步函数进行迭代（参见）。onEndzipWriter.add[1]

那么，在调用方法之前，您还必须等待写入此内容，因此您必须在方法的签名中zipWriter.close定义一个callback参数（cf. ） 。当递归过程完成时调用它。[2]addTexts

这是您的代码，其中包含这 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"); 
    });
  });  
}
于 2013-05-04T22:31:36.723 回答