js 在线解压

// 使用 JSZip 库进行在线解压的示例代码

// 首先需要引入 JSZip 库，可以通过 CDN 引入
// <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js"></script>

async function unzipFile(file) {
    const zip = new JSZip();

    // 读取文件并加载到 JSZip
    const content = await file.arrayBuffer();
    const files = await zip.loadAsync(content);

    // 遍历解压后的文件
    files.forEach(async (relativePath, file) => {
        if (!file.dir) { // 只处理文件，忽略文件夹
            const text = await file.async("string");
            console.log(`文件路径: ${relativePath}, 内容: ${text}`);
        }
    });
}

// 示例：从 input 文件选择器中获取文件并解压
document.getElementById('fileInput').addEventListener('change', function(event) {
    const file = event.target.files[0];
    if (file) {
        unzipFile(file);
    } else {
        console.log('没有选择文件');
    }
});

解释说明：

1. 引入 JSZip 库：通过 <script> 标签引入 JSZip 库，这是一个用于处理 ZIP 文件的 JavaScript 库。
2. unzipFile 函数：该函数接收一个 File 对象作为参数，并使用 JSZip 进行解压。它首先将文件内容读取为 ArrayBuffer，然后加载到 JSZip 中。
3. 遍历解压后的文件：使用 files.forEach 遍历解压后的文件列表。对于每个文件，如果它不是文件夹（!file.dir），则将其内容异步读取为字符串并输出到控制台。
4. 事件监听器：通过监听文件选择器 (<input type="file">) 的 change 事件，获取用户选择的文件并调用 unzipFile 函数进行解压。

希望这个示例能帮助你理解如何在浏览器中使用 JavaScript 实现在线解压功能。