vue 批量下载图片并打包成压缩包

第一步

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 &