javascript解压zip,js 压缩文件

JavaScript可以使用第三方库来解压和压缩zip文件，其中较常用的库是jszip。通过使用jszip库，我们可以轻松地解压和压缩zip文件。

我们需要引入jszip库。可以通过在HTML文件中添加以下代码来引入jszip库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js"></script>

接下来，我们可以使用jszip对象来解压zip文件。我们需要获取zip文件的二进制数据。这可以通过使用XMLHttpRequest对象来实现。然后，我们可以使用jszip库的loadAsync方法来加载二进制数据，并解压zip文件。我们可以使用jszip库的forEach方法来遍历解压后的文件。

下面是一个示例代码，演示如何解压zip文件：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的URL
xhr.open('GET', 'example.zip', true);
// 设置响应类型为arraybuffer
xhr.responseType = 'arraybuffer';
// 注册load事件处理程序
xhr.onload = function() {
  // 获取二进制数据
  var data = new Uint8Array(xhr.response);
  // 使用jszip库加载二进制数据并解压zip文件
  JSZip.loadAsync(data).then(function(zip) {
    // 遍历解压后的文件
    zip.forEach(function(relativePath, file) {
      // 打印文件名
      console.log(file.name);
      // 读取文件内容
      file.async('string').then(function(content) {
        // 打印文件内容
        console.log(content);
      });
    });
  });
};
// 发送请求
xhr.send();

以上代码中，我们首先创建了一个XMLHttpRequest对象，并通过调用open方法设置了请求的URL。然后，我们将响应类型设置为arraybuffer，以便获取二进制数据。接下来，我们注册了一个load事件处理程序，当请求完成时会被调用。在load事件处理程序中，我们首先获取二进制数据，并使用jszip库的loadAsync方法加载数据并解压zip文件。然后，我们使用forEach方法遍历解压后的文件，并打印文件名和内容。

需要注意的是，由于浏览器的安全策略限制，直接从本地文件系统读取zip文件可能会导致跨域问题。建议将zip文件上传到服务器，然后通过URL来获取文件。