图片下载并发处理

2021-07-08  本文已影响0人  孤独的豺狼

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

// 下载图片
  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);
      });
    }
  }
上一篇下一篇

猜你喜欢

热点阅读