Vue 文件压缩与解压缩

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);
}