zip a Blob with zip.js

zip a Blob with zip.js

本文关键字：zip js with Blob      更新时间：2023-09-26

我需要在WebSQl中存储大量文本，所以我决定用zip.js压缩文本并存储压缩后的Blobs。

在文档中，您可以按如下方式压缩blob:

function zipBlob(filename, blob, callback) {
   // use a zip.BlobWriter object to write zipped data into a Blob object
   zip.createWriter(new zip.BlobWriter("application/zip"), function(zipWriter) {
      // use a BlobReader object to read the data stored into blob variable
      zipWriter.add(filename, new zip.BlobReader(blob), function() {
         // close the writer and calls callback function
         zipWriter.close(callback);
      });
   }, onerror);
}

虽然这可以工作，我不明白为什么你需要指定一个文件名。这真的有必要吗?并且，这个文件在压缩后总是被删除吗?

检查这里的答案-它不需要文件名，我敢打赌它更容易使用。我已经尝试了很多javascript压缩/解压缩实现，并被诸如原始数据大小限制、整体速度、效率等问题所困扰。奇怪的是，很难在javascript中找到一个好的压缩/解压缩实现，但值得庆幸的是，这个还没有让我失望(我已经用过很多次了):

用javascript压缩blob

您目前的实现需要文件名，因为它试图与zip保持一致，以便您可以将其保存到桌面，并使用您最喜欢的zip实用程序打开它。这听起来像你的挑战是非常类似于我的，我需要保存和恢复压缩项目的本地存储在浏览器以及服务器上。

根据此实现，文件名是必需的。如果只是压缩数据，则没有必要这样做，但是zip.js构建的zip文件用于存储文件，这些文件必须有文件名。

在您的原始示例中，zipWriter.add()有效地将您的blob转换为新文件并将其添加到zip中-并且"filename"参数是您希望新文件具有的名称。

下面是一个使用zip.js将多个blob添加到zip文件中，然后使用filesver .js下载的示例:

function zipBlob() {
    zip.createWriter(new zip.BlobWriter("application/zip"), function(writer) {
        files = ["abcd", "123"];
        var f = 0;
        function nextFile(f) {
            fblob = new Blob([files[f]], { type: "text/plain" });
            writer.add("file"+f, new zip.BlobReader(fblob), function() {
                // callback
                f++;
                if (f < files.length) {
                    nextFile(f);
                } else close();
            });
        }
        function close() {
            // close the writer
            writer.close(function(blob) {
                // save with FileSaver.js
                saveAs(blob, "example.zip");
            });
        }
        nextFile(f);
    }, onerror);
}
相关文章：