项目背景:
上传多张图片时需要利用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)
})