小程序接口请求图片渲染异步解决

let imgs = res.data.map(item => {
    return {
       promise: new Promise((resolve, reject) => {
           UTILS.request("图片请求路径","POST",{
           image: item//请求参数
      }).then(res => {
         resolve(res)
      }).catch(reject)
   }),
    flag: item
  }
  })
let resultImg = imgs.map(imgObj => imgObj.promise)
    Promise.all(resultImg).then(res => {
      res.forEach((resItem, i) => {
        this.showImg(imgs[i].flag, resItem)
    })
//修改当前页面data的数据
   this.setData({
      uploadImg: {...this.data.uploadImg},
      certificatephotoData: [...this.data.certificatephotoData]
   },()=>{
//修改成功之后查看数据
   console.log(this.data.certificatephotoData)
  })
posted @ 2020-10-19 17:33  有肌肉的小眼睛  阅读(644)  评论(0)    收藏  举报