第一步
npm install JSZip
npm install FileSaver
第二步
在使用的页面引入
import JSZip from "jszip";
import FileSaver from "file-saver";
第三步
在 methods 里写入
getImgArrayBuffer(url) {
return new Promise((resolve, reject) => {
//通过请求获取文件blob格式
let xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", url, true);
xmlhttp.responseType = "blob";
xmlhttp.onload = function () {
if (this.status == 200) {
resolve(this.response);
} else {
reject(this.status);
}
};
xmlhttp.send();
});
},
//批量下载
atchDownload() {
// this.images 是要下载的图片数组 [{url: 图片地址, id: 图片名称}]
// 定时器 loading
this.loading = true;
this.setTimeout = setTimeout(() => {
this.loading = false;
}, 2000);
let _this &