js利用Promise解决多次异步请求问题

项目背景：

上传多张图片时需要利用exif，拿到图片的exif信息，所以需要在一个循环里多次使用exif。

而exif的EXIF.getData()方法是异步执行，所以产生多次异步请求问题。

解决方法：

利用Promise.all()解决。

每次循环建立一个Promise对象，然后创建一个Promise对象数组，利用Promise.all()即可解决。

具体实现代码：

/*生成promise对象*/
function getExif(file) => {
		let _this = this
		const promise = new Promise((resolve) => {
			EXIF.getData(file, function() {
				var allMetaData = EXIF.getAllTags(this);
				let name = file.name.split('.')[0];
				let exifPic = {}
				exifPic[name] = allMetaData
				resolve(exifPic)
			})
		})
		return promise
	}

// 构建promise对象数组
        let result = [];
		for(let i =0; i < files.length; i++) {
			result.push(getExif(files[i]))
		}

// 利用promise.all()解决异步问题

Promise.all(result).then((res) => {
    console.log(res)
})