用JSZip让压缩和解压Zip文件不再复杂

2023-12-27 00:55:29

JSZip：轻松处理 Zip 文件的 JavaScript 库

什么是 JSZip？
如何使用 JSZip 创建 Zip 文件？
如何使用 JSZip 读取 Zip 文件？
如何使用 JSZip 修改 Zip 文件？
结论
常见问题解答

什么是 JSZip？

JSZip 是一个开源 JavaScript 库，用于轻松创建、读取和修改 Zip 文件。它在浏览器端和服务器端都可以使用，为您提供了在 JavaScript 环境中处理 Zip 文件的强大工具。

如何使用 JSZip 创建 Zip 文件？

创建 Zip 文件非常简单：

const zip = new JSZip();
zip.file("hello.txt", "Hello world!");
zip.generateAsync({type: "blob"}).then(function(blob) {
  saveAs(blob, "my_zip_file.zip");
});

此代码创建一个 Zip 文件，其中包含一个名为 "hello.txt" 的文件，其内容为 "Hello world!"。

如何使用 JSZip 读取 Zip 文件？

读取 Zip 文件同样简单：

const zip = new JSZip();
zip.loadAsync("my_zip_file.zip").then(function() {
  zip.file("hello.txt").async("string").then(function(file) {
    console.log(file); // "Hello world!"
  });
});

此代码加载一个名为 "my_zip_file.zip" 的 Zip 文件，并打印文件 "hello.txt" 的内容。

如何使用 JSZip 修改 Zip 文件？

您还可以使用 JSZip 修改 Zip 文件：

const zip = new JSZip();
zip.loadAsync("my_zip_file.zip").then(function() {
  zip.file("hello.txt", "Goodbye world!");
  zip.generateAsync({type: "blob"}).then(function(blob) {
    saveAs(blob, "my_zip_file_modified.zip");
  });
});