1、首先下载npm install jszip --savenpm install jszip --save-dev2、页面代码downloadZip(files) { // 创建一个压缩包 const zip new JSZip(); // 将文件添加到压缩包中 files.forEach((file) { zip.file(file.name, this.base64ToBlob(file.blob)); }); // 生成压缩包 zip.generateAsync({ type: blob }).then((content) { let time dayjs(new Date().getTime()).format(YYYY-MM-DD HH-mm-ss) const link document.createElement(a); link.href URL.createObjectURL(content); link.download ${time}.zip; // 设置压缩包name link.click(); // 下载 document.body.removeChild(link); // 从文档正文中删除 a 元素 }); }, base64ToBlob(base64) { let binary atob(base64); let array []; for (let i 0; i binary.length; i) { array.push(binary.charCodeAt(i)); } return new Blob([new Uint8Array(array)], { type: image/png }); }3、后台传入的数据结构// 传入blob的格式是字节类型 { name: xxx.docx, blob: }, 使用jszip 下载压缩文件
1、首先下载npm install jszip --savenpm install jszip --save-dev2、页面代码downloadZip(files) { // 创建一个压缩包 const zip new JSZip(); // 将文件添加到压缩包中 files.forEach((file) { zip.file(file.name, this.base64ToBlob(file.blob)); }); // 生成压缩包 zip.generateAsync({ type: blob }).then((content) { let time dayjs(new Date().getTime()).format(YYYY-MM-DD HH-mm-ss) const link document.createElement(a); link.href URL.createObjectURL(content); link.download ${time}.zip; // 设置压缩包name link.click(); // 下载 document.body.removeChild(link); // 从文档正文中删除 a 元素 }); }, base64ToBlob(base64) { let binary atob(base64); let array []; for (let i 0; i binary.length; i) { array.push(binary.charCodeAt(i)); } return new Blob([new Uint8Array(array)], { type: image/png }); }3、后台传入的数据结构// 传入blob的格式是字节类型 { name: xxx.docx, blob: },