如何使用jszip库压缩文件

Question

我正在使用HTML5和jquery移动设备处理离线应用程序.我想使用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 {

                }


            }

        }

在上面的代码中循环遍历localstorage内容并以文本格式保存ezch文件.面临的挑战是如何在DataFiles.zip中创建多个文本文件,因为目前只能在压缩文件夹中创建一个文本文件.在我的问题中,我对javascript的新手是如此的暧昧.提前致谢.

Answer 1

继续打电话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});

var content = zip.generate();
location.href="data:application/zip;base64,"+content;

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