vue前台导出zip文件_如何在vue项目中使用jszip对文件进行加压和解压

jszip-in-vue

本文主要介绍jszip在vue中如何使用

本文涉及到Promise对象和async函数的使用，建议先提前去了解一下

关于jszip的使用官方文档已经介绍的非常详细了，而且也有示例：https://stuk.github.io/jszip/...

我这里主要是结合项目的需求然后抽离出来的demo，主要是对图片的加压和解压

解压

使用.loadAsync(data)可以加载zip文件，data必须是二进制流，我这里是使用html原生的input上传文件来获取文件流，如果需要读取本地文件可以使用JSZipUtils.getBinaryContent(zipPath, callback)

JSZipUtils.getBinaryContent('path/to/content.zip', function(err, data) {

if(err) {

throw err; // or handle err

}

JSZip.loadAsync(data).then(function () {

// ...

});

});

// or, with promises:

new JSZip.external.Promise(function (resolve, reject) {

JSZipUtils.getBinaryContent('path/to/content.zip', function(err, data) {

if (err) {

reject(err);

} else {