Export2Excel.js实现导出excel压缩包

RubyLinT

于 2021-06-22 08:53:54 发布

阅读量699

点赞数

分类专栏： js vue 文章标签： vue js

本文链接：https://blog.youkuaiyun.com/RubyLinT/article/details/118099167

版权

vue 同时被 2 个专栏收录

33 篇文章

订阅专栏

24 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript中利用JSZip库将多个Excel文件打包成ZIP文件，并使用FileSaver.js库进行保存。通过修改Export2Excel.js文件，将原本单一的Excel下载改为将所有文件压缩到一个ZIP文件中，便于用户一次性下载多个Excel。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先在Export2Excel.js文件中引入：import JSZip from 'jszip'

将Export2Excel.js文件最下方的代码

saveAs(new Blob([s2ab(wbout)], {
    type: "application/octet-stream"
  }), `

改成如下代码即可

const zip = new JSZip()
  const zip_name = filename || 'file'
  const data = new Blob([s2ab(wbout)], {
    type: "application/octet-stream"
  })
  zip.file(`${filename}.${bookType}`, data, { binary: true }) // 逐个添加文件 
  //可添加多个excel：zip.file(`${filename2}.${bookType}`, data, { binary: true })
  zip.generateAsync({
    type: "blob"
  }).then((blob) => {
    saveAs(blob, `${zip_name}.zip`)
  }, (err) => {
    alert('导出失败')
  })