创建文件夹并导出zip

JSZip

SZip 是一个用于在 JavaScript 中创建、读取和操作 ZIP 归档文件的强大库；你可以使用 JSZip 来添加文件、文件夹以及设置文件的属性等，从而构建一个新的 ZIP 归档。

使用流程

安装

npm i jszip

使用

<input type="file" @change="uploadFile" />

const uploadFile = (event)=>{
  const item = event.target.files[0];
  const zip = new JSZip();
  // 创建一个文件夹a
  const folder1 = zip.folder("a");
  // a里再创建一个文件夹b
  const folder2 = folder1.folder("b");
  // b中添加一个文件
  folder2.file(item.name, item);
}