promise等待多个异步请求完毕后再执行其他代码的方法

得知此事须躬行

已于 2022-02-10 16:23:30 修改

阅读量3.3k

点赞数 2

分类专栏： uni-app 文章标签：其他 javascript 前端

于 2022-02-08 08:55:04 首次发布

本文链接：https://blog.youkuaiyun.com/qq_17355709/article/details/122817671

版权

uni-app 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Promise.all在Vue项目中异步下载两个图片（bg_img和ewm），确保它们下载完成后通过make_canvas函数合并。通过Promise封装下载过程，确保资源加载顺序和回调执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 //这里等promise执行，避免拿不到图片临时路径
const promise1 = new Promise((resolve, reject) => {
    uni.downloadFile({
    	url:that.bg_img,
    	success:(res)=>{ 	 
    	 resolve(res)
    	}
    })
});
const promise2 = new Promise((resolve, reject) => {
   uni.downloadFile({
    	url:that.ewm,
    	success:(res)=>{ 	 
    	 resolve(res)
    	}
    })
});
Promise.all([promise1, promise2]).then((values) => {
	 // console.log(values);
	 this.make_canvas(values[0],values[1]);
});