图片下载并发处理

当一个页面中有很多图片需要下载的时候,同时下载会产生下载超时问题,用到下面方法,小白路过,欢迎多提宝贵意见

// 下载图片
  async downImage(value: any) {
    let imgRes = "";
    var URL = "/hcm/img/down?fileName=" + value.imageName;
    await this.$httpService.postData({}, URL).then((res: any) => {
      // console.log("res", res);
      if (res.code == 0) {
        this.imgurl = res.data;
      }
      imgRes = res.msg;
    });
    return imgRes;
  }

  getImg(list: any) {
    // let iN = 1;
    if (this.iN == 1 && list.length) {
      this.arrList = list.slice(0, 2);
    } else if (this.iN > 1 && list.length > this.iN) {
      let arr: any = list[this.iN];
      this.arrList = [arr];
    }
    if (list.length > this.iN || (list.length == 1 && this.iN == 1)) {
      this.arrList.map(async (value: any) => {
        let res = await this.downImage(value);
        if (res) {
          this.iN++;
        }
        this.getImg(list);
      });
    }
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容