js：JSZip实现前端浏览器压缩文件成zip格式

文档

• https://www.npmjs.com/package/jszip
• https://stuk.github.io/jszip/
• https://github.com/Stuk/jszip

CDN引入

<!-- jszip.js -->
<script
  src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jszip/3.7.1/jszip.min.js"
  type="application/javascript"
></script>

<!-- FileSaver.js -->
<script
  src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/FileSaver.js/2014-08-29/FileSaver.min.js"
  type="application/javascript"
></script>

npm

安装

npm install jszip

使用示例

import JSZip from 'jszip'
import FileSaver from 'file-saver'

const zip = new JSZip()

zip.file('Hello.txt', 'Hello World\n')

zip.generateAsync({
    
     type: 'blob' }).then(function (content) {
    
    
    // see FileSaver.js
    // 如果在浏览器CDN方式引入，直接使用 saveAs
    // saveAs(content, 'example.zip')
    FileSaver.saveAs(content, 'example.zip')
})