您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

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

时间:05-23来源:作者:点击数:

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

文档

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')
})
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门