8

我正在使用 HTML5 和 jquery for mobile 开发离线应用程序。我想使用 jszip 从本地存储备份文件。下面是我所做的代码片段......

  if (localStorageKeys.length > 0) {
            for (var i = 0; i < localStorageKeys.length; i++) {
                var key = localStorageKeys[i];
                if (key.search(_instrumentId) != -1) {                  
                        var data = localStorage.getItem(localStorageKeys[i])
                        var zip = new JSZip();
                        zip.file(localStorageKeys[i] + ".txt", data);
                        var datafile = document.getElementById('backupData');
                        datafile.download = "DataFiles.zip";
                        datafile.href = window.URL.createObjectURL(zip.generate({ type: "blob" }));                        
                }
                else {

                }


            }

        }

在上面的代码中，我循环遍历本地存储内容并以文本格式保存 ezch 文件。面临的挑战是如何在DataFiles.zip中创建多个文本文件，因为目前只能在压缩文件夹中创建一个文本文件。我对javascript很陌生，我的问题有任何含糊之处。提前致谢。

4

4 回答 4

16

继续打电话zip.file()。

查看他们文档页面中的示例（我的评论）：

var zip = new JSZip();

// Add a text file with the contents "Hello World\n"
zip.file("Hello.txt", "Hello World\n");

// Add a another text file with the contents "Goodbye, cruel world\n"
zip.file("Goodbye.txt", "Goodbye, cruel world\n");

// Add a folder named "images"
var img = zip.folder("images");

// Add a file named "smile.gif" to that folder, from some Base64 data
img.file("smile.gif", imgData, {base64: true});

zip.generateAsync({type:"base64"}).then(function (content) {
     location.href="data:application/zip;base64," + content;
});

重要的是理解你编写的代码——了解每一行的作用。如果你这样做，你会意识到你只需要zip.file()再次调用来添加另一个文件。

于 2013-08-01T06:17:03.960 回答
1

如果您收到文件列表（来自 ui 或数组或其他），您可以先压缩然后存档。代码是这样的：

function upload(files){

    var zip = new JSZip();                       
    let archive = zip.folder("test");

    files.map(function(file){
        files.file(file.name, file.raw, {base64: true});
    }.bind(this));

    return archive.generateAsync({
        type: "blob",
        compression: "DEFLATE",
        compressionOptions: {
           level: 6
        }
    }).then(function(content){ 
        // send to server or whatever operation
    });
}

这在多个 json 文件中对我有用。也许它有帮助。

于 2018-02-14T13:49:44.587 回答
0

添加到@Jonathon Reinhart 答案，
您还可以同时设置文件名和路径

// create a file and a folder
zip.file("nested/hello.txt", "Hello World\n");
// same as
zip.folder("nested").file("hello.txt", "Hello World\n");
于 2017-08-15T11:12:06.457 回答
0

如果您想压缩文件并需要 base64 输出，您可以使用以下代码 -

import * as JSZip from 'jszip'


var zip = new JSZip();
    zip.file("Hello.json", this.fileContent);
    zip.generateAsync({ type: "base64" }).then(function (content) {
      const base64Data = content

于 2020-09-24T11:20:54.787 回答