Question

我有代码读取本地文件夹，然后压缩相关文件并将其上传到服务器：

var dirEntry = fileSystem.createReader();

dirEntry.readEntries(
    function (entries) {
        if (entries.length === 0)
            return;

        var options = new FileUploadOptions();

        /* Details omitted */

        var zip = new JSZip();

        // Map function from Ramda library
        R.map(function (entry) {
            var fileName = entry.name;

            // Check that this is a file, and it's not a zip file.
            if (entry.isFile && (fileName.indexOf(".zip", fileName.length - 4) == -1)) {
                return entry.file(function (file) {

                    var reader = new FileReader();
                    reader.onloadend = function (evt) {
                        // Add the file to the Zip
                        zip.file(fileName, evt.target.result);
                    };
                    reader.readAsArrayBuffer(file);

                }, function (error) { // ignore });
            }

            return null;
        }, entries);

        fileSystem.getFile(options.fileName, { create: true, exclusive: false },
            function (fileEntry) {
                fileEntry.createWriter(function (writer) {
                    // Generate the binary Zip file
                    var content = zip.generate({ type: "blob", compression: "DEFLATE" });

                    // Upload the file after it's persisted to storage
                    writer.onwriteend = function (evt) {
                        var ft = new FileTransfer();
                        ft.upload(fileEntry.nativeURL, 
                            UPLOAD_SERVER_URL,
                            function (data) { // Ignore },
                            function (error) { // Ignore }, 
                            options)
                    };

                    // Persist the zip file to storage
                    writer.write(content);

                }, function (error) {
                    // Ignore
                });
            }, function (error) {
                // Ignore
            });

        }
, errorFunction);

问题是有时会上传一个空文件，这个文件永远不会发生。因此，在创建Zip文件并将其写入存储之前，可能会导致文件上传的同步问题。我不知道问题出在哪里。我尝试从Map函数返回Promises，然后使用Promise.all（...）。then（）模式，但有时我仍然得到一个空白文件。所以要么我的实现不正确，要么zip.generate（）也异步（或两者）运行。

在尝试上传zip文件之前，如何确保将zip文件完全写入存储空间？

Answer 1

FileReader API是异步的：当您创建编写器时，阅读器仍然在等待（并且zip文件仍为空）。 Promise是正确的模式，只需确保在将文件添加到zip后解决承诺：

var promises = R.map(function (entry) {
  // ...
  var deferred = Q.defer(); //  <= create here
  reader.onloadend = function (evt) {
    zip.file(fileName, evt.target.result);
    deferred.resolve(text); // <= resolve here
    // call deferred.reject when you encounter an error
  }
  reader.readAsArrayBuffer(file);

  return deferred.promise;
}, entries);

// then, Promise.all(...).then()

这样，只有在将内容添加到zip后，承诺才会解决。

使用PhoneGap和JSZip压缩和上传文件

1 个答案: