I need assistance with uploading multiple photos to Firebase Storage. Despite my efforts, it seems that the original upload keeps getting overwritten and the folder with the venueID property is not being created. Can someone provide some guidance on this issue?
app.js
async multiPhotoUpload(): Promise<any> {
// Verify if there are photos to be uploaded.
if (this.photosToUpload.length > 0) {
const location = `venues/photos/${this.venueID}/`;
// photosToUpload contains base64 strings.
this.photosToUpload.forEach(async photoElement => {
const randomID = this.venueService.createID();
await this.uploadService.uploadFile(photoElement, location, true)
.then(async data => {
const urlData = await data.ref.getDownloadURL();
const photoObject: Photo = {
fileName: `${this.venueID}${randomID}`,
url: urlData,
uploadedBy: this.currentUserID
};
await this.venueService.addPhoto(this.venueID, photoObject);
},
(err) => console.error(err));
});
} else {
return;
}
}
upload.service
uploadFile(file: any, path: string, base64?: boolean) {
if (base64) {
return this.uploadDB.ref(path).putString(file, 'data_url');
} else {
return this.uploadDB.upload(path, file);
}
}