安装依赖 jszip和file-saver
npm install jszip //文件压缩
npm install file-saver //保存文件到本地
使用:
先把文件压缩,再把压缩文件下载到本地
import JSZip from 'jszip';
import FileSaver from 'file-saver';
import axios from 'axios';
// 获取文件流
const getFile = (url) => {
return new Promise((resolve, reject) => {
axios({
method: 'get',
url,
responseType: 'arraybuffer'
})
.then((data) => {
resolve(data.data);
})
.catch((error) => {
reject(error.toString());
});
});
};
//执行下载压缩文件方法
allDownLoad() {
let list = JSON.parse(JSON.stringify(this.filesList)); //filesList文件列表
const zip = new JSZip();
const cache = {};
const promises = [];
list.forEach((item) => {
const promise = getFile(item.file_url).then((data) => {
// 下载文件, 并存成ArrayBuffer对象
zip.file(item.file_name, data, { binary: true }); // 逐个添加文件
cache[item.file_name] = data;
});
promises.push(promise);
});
//下载文件到本地
Promise.all(promises).then(() => {
zip.generateAsync({ type: 'blob' }).then((content) => {
// 生成二进制流
FileSaver.saveAs(content, this.name + '文件压缩包.zip'); // 利用file-saver保存文件
});
});
}
网友评论