Vue 文件压缩与解压缩

0. 安装

• 安装

npm install jszip

• 引入

import JSZip from 'jszip';

• 使用

1. 压缩

async compressFiles() {// 创建jszip实例const zip = new JSZip();// 添加需要压缩的文件const file1 = 'Hello World';zip.file('file1.txt', file1);// 添加需要压缩的目录const dir = zip.folder('dir');dir.file('file2.txt', 'Hello Vue');dir.file('file3.txt', 'Hello JavaScript');// 生成zip压缩包const content = await zip.generateAsync({ type: 'blob' });// 下载zip文件saveAs(content, 'example.zip');
}

2. 解压

async decompressFiles(file) {// 创建jszip实例const zip = new JSZip();// 加载zip压缩包const zipFile = await zip.loadAsync(file);// 获取需要解压缩的文件const file1 = zipFile.file('file1.txt');// 获取文件内容const content = await file1.async('string');console.log(content);
}